@charset "utf-8";
/* CSS Document */
/*-------------------------------
__Default style clear
-------------------------------*/
/*html,body,div,dl,dt,dd,ul,li,ol,img,table,tr,td,th,caption,h1,h2,h3,h4,h5,h6,p,a,em,strong,span,
form,fieldset,legend,pre,blockquote,textarea,input{
	margin:0px;
	padding:0px;
	list-style:none;
}*/
html,body,div,dl,dt,dd,ul,li,ol,img,table,tr,td,th,caption,h1,h2,h4,h5,h6,p,a,em,strong,span,
form,fieldset,legend,pre,blockquote,textarea,input{
	margin:0px;
	padding:0px;
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
img{
	border:none;
}
/* ====test tool==== */
/*div { border:1px red dashed; }*/
/*-------------------------------
__BASIC style
-------------------------------*/
html {
	height:100%;
}
body {
	height:100%;
}
* html div#container {
	height:100%;
}
div#container {
/*	width: 960px;
	margin:0px auto;*/
	position:relative;
	min-height: 100%;
	/*background: #eeffcc;*/
}
body > #container {
	height: auto;
}
#contents {
	padding-bottom: 156px;
}
#main {
	width: 960px;
	margin:0px auto;	
	/*background-color:#FCF;*/
}
#header{
	width: 100%;
	height:126px;
}

#menu{
	width: 100%;
	height:102px;
}
#footer{
	width: 100%;
	background-color:#e14040;
	position: absolute;
	bottom: 0;
	height: 156px;
}
#footer_main{
	width: 960px;
	margin:0px auto;
	position:relative;
}
#left_contents{
	width:660px;
	float:left;
	/*background-color:#C6F;*/
}
#left_contents_main{
	width:593px;
	margin:14px 0 0 26px;
	/*background-color:#9FF;*/
	position:relative;
}
#right_contents{
	width:300px;
	float:right;
	/*margin-left:660px;*/
	/*margin-top:24px;*/
	margin-top:8px;
	margin-bottom:50px;
	/*background-color:#0FC;*/
}
.clear{
	clear:both;
}
a{
	color:#0358c1;
	text-decoration:none;
/* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;	
}
a.normal{
	color:#000;
}
a:hover{
	color:#e14040;
}
.MARGIN_T_10{
	margin-top:10px;
}
.MARGIN_T_8{
	margin-top:8px;
}
/*------リンクテキスト　CSS------*/
.LINK_BLACK a{
	color:#000000;
}
.LINK_BLACK a:hover{
	color:#ff0000;
}
.LINK_BLUE a{
	color:#05a3ca;
}
.LINK_BLUE a:hover{
	color:#ff0000;
}
.LINK_WHITE a{
	color:#ffffff;
}
.LINK_WHITE a:hover{
	color:#ff0000;
}
.BOLD{
	font-weight:bold;
}
/*-------------------------------
__拡大画像　表示用テンプレ
-------------------------------*/
#header_image_zoom{
	width: 100%;
	height:126px;
}
#header_image_zoom_main{
	width: 960px;
	margin:0px auto;
}
.image_zoom_link{
	width: 960px;
	margin:0px auto;
	font-size:116%;
	font-weight:bold;
	text-align:left;
}
#image_zoom_contents{
	text-align:center;
}
#image_zoom_caption{
	font-size:116%;
	font-weight:bold;
}

/*-------------------------------
__FONT指定
-------------------------------*/
body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	line-height:1.4; 
}
table {
    font-size:inherit;
    font:100%;
}
/*.text10 { font-size:77%; }10pixel
.text11 { font-size:85%; }11pixel
.text12 { font-size:93%; }12pixel
.text13 { font-size:100%; }13pixel
.text14 { font-size:108%; }14pixel
.text15 { font-size:116%; }15pixel
.text16 { font-size:123.1%; }16pixel
.text17 { font-size:131%; }17pixel
.text18 { font-size:138.5%; }18pixel
.text19 { font-size:146.5%; }19pixel
.text20 { font-size:153.9%; }20pixel
.text21 { font-size:161.6%; }21pixel
.text22 { font-size:167%; }22pixel
.text23 { font-size:174%; }23pixel
.text24 { font-size:182%; }24pixel
.text25 { font-size:189%; }25pixel
.text26 { font-size:197%; }26pixel
*/

/* ブログ本文のWYSIWYG用　文字サイズ　調整*/
#blog_textBox h3{
	font-size:120%;
	border-left:solid 5px #999;
	font-weight:bold;
	padding-left:5px;
}



/*-------------------------------
__ヘッダーNEW　20100420
-------------------------------*/
#header_new{
	width: 960px;
	height:110px;
}
#header_new #logo{
	width:211px;
	height:110px;
	float:left;
}
#header_new #banner{
	width:728px;
	height:90px;
	margin:10px 0 0 0;
	float:right;
}
#menu_new{
	width:960px;
	height:57px;
	background:url(../images/top_new/menu_bg.png) no-repeat 0 0;
	float:left;
}
#menu_new li{
	width:160px;
	height:28px;
	float:left;
}
#menu_new li a{
	width:160px;
	height:28px;
	display: block;
	text-indent:-10000px;	
}
#menu_new li a:hover{
	background:url(../images/top_new/menu_bg.png) no-repeat ;
}

#menu_new li.btn1 a:hover{
	background-position: 0 -57px ;
}
#menu_new li.btn2 a:hover{
	background-position: -160px -57px ;
}
#menu_new li.btn3 a:hover{
	background-position: -320px -57px ;
}
#menu_new li.btn4 a:hover{
	background-position: -480px -57px ;
}
#menu_new li.btn5 a:hover{
	background-position: -640px -57px ;
}
#menu_new li.btn6 a:hover{
	background-position: -800px -57px ;
}
#menu_new li.btn7 a:hover{
	background-position: 0px -85px ;
}
#menu_new li.btn8 a:hover{
	background-position: -160px -85px ;
}
#menu_new li.btn9 a:hover{
	background-position: -320px -85px ;
}
#menu_new li.btn10 a:hover{
	background-position: -480px -85px ;
}

#menu_new li.btn11 a:hover{
	background-position: -640px -85px ;
}

#menu_new li.btn12 a:hover{
	background-position: -800px -85px ;
}



/*-------------------------------
__ヘッダー　css
-------------------------------*/
#header_border{
	width:100%;
	height:6px;
	background-color:#e14040;
}
#header #logo{
	width:285px;
	height:126px;
	float:left;
	/*background-color: #999;*/
}
#header #login{
	width:292px;
	height:126px;
	float:left;
	margin-left:117px;
	background:url(../images/header/login_bg.png) no-repeat;
}
#header #regist{
	width:266px;
	height:126px;
	float:right;
	background:url(../images/header/regist_bg.png) no-repeat;
}
#header #regist a:hover{
	color:#FF0;
}
/*---------ログイン前---------*/
#header #login #before{
	margin:8px 0 0 11px;
}
#header #login #before td{
	vertical-align:top;
}
#header #login #before td#banner{
	padding-bottom:13px;
}
#header #login #before td#txt{
	width:121px;
	height:31px;
	font-size:85%;
	font-weight:bold;
	line-height:1.2;
}
#header #login #before td#txt p{
	width:121px;
	height:31px;
	display:block;
}
#header #login #before #headerLoginBtn{
	width:149px;
	height:31px;
	background: url(/info/share/images/header/login_btn_bg.png) no-repeat;
}
#header #login #before #headerLoginBtn a{
	width:127px;
	height:31px;
	display:block;
	line-height:31px;
	padding-left:22px;
	color:#FFF;
	font-weight:bold;
}
#header #login #before #headerLoginBtn a:hover{
	color:#FF0;
}

/*---------ログイン後---------*/
#header #login #after{
	width:258px;
	margin:8px 0 0 17px;
	vertical-align:middle;
	/*background-color:#FF0;*/
}
#header #login #after .gotologout{
	text-align:right;
	padding:5px 0 0 0;
}
#header #login #after .gotologout a{
	font-weight:bold;
}
#header #login #after .gotoprofile{
	padding:12px 0 0 0;
}
#header #login #after .gotoprofile a{
	text-decoration:underline;
}


/*---------会員登録---------*/
#regist {
	position:relative;
}
#regist a{
	width:126px;
	height:24px;
	line-height:24px;
	display: block;
	background:url(../images/header/regist_btn.png);
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left:18px;
	top:68px;
}
#regist a:hover{
	color:#e14040;
}
/*-------------------------------
__ヘッダーメニュー　css
-------------------------------*/
#menu_news{
	width:258px;
	height:102px;
	background:url(../images/header_menu/menu_bg.png) no-repeat 0 0;
	float:left;
}
#menu_take{
	width:258px;
	height:102px;
	background:url(../images/header_menu/menu_bg.png) no-repeat 0 0;
	float:left;
	margin-left:11px;
}
#menu_search{
	width:258px;
	height:102px;
	background:url(../images/header_menu/menu_bg.png) no-repeat 0 0;
	float:left;
	margin-left:11px;
}
#menu_forum{
	width:149px;
	height:102px;
	float:right;
}
#menu_forum a{
	width:149px;
	height:102px;
	display:block;
	text-indent:-10000px;
	background:url(../images/header_menu/forum_btn.png) top left no-repeat;
}
#menu_forum a:hover{
	background:url(../images/header_menu/forum_btn.png) bottom left no-repeat;
}
/*---------メニューテーブル---------*/
#menu table{
	width:250px;
	margin-top:8px;
	/*background-color:#FFF;*/
}
#menu table .image{
	width:101px;
	height:94px;
	vertical-align:top;
	/*background-color:#CF6;*/
}
#menu table tr td{
	height:94px;
	vertical-align:top;
	/*background-color:#FF0;*/
}
#menu table ul li{
	line-height:1;
	padding:3px 0;
	border-bottom:dotted 1px #999;
}
#menu table ul li a{
	font-size:100%;
	font-weight:bold;
	color:#000;
}
#menu table ul li a:hover{
	color:#e14040;
}

#menu_sns {
	position:relative;
}
#menu_sns a{
	width:149px;
	height:24px;
	display: block;
	text-indent:-10000px;
	background:url(../images/header_menu/sns_btn.png) 0 0;
	position:absolute;
	left:0;
	top:55px;
}
#menu_sns a:hover{
	background:url(../images/header_menu/sns_btn.png) left bottom;
}
/*-------------------------------
__フッター　css
-------------------------------*/
#footer ul li{
	float:left;
	margin-top:6px;
}
#footer ul li,
#footer ul li a{
	color:#fff;
	font-size:93%; 
}
#footer ul li a:hover{
	color:#FF0;
}
#footerlogo{
	position:absolute;
	left:0;
	top:44px;
}

/*-------------------------------
__サイドバー　css
-------------------------------*/

/*---------バナー---------*/
#sidebar_banner_top{
	margin-bottom:7px;
}
#sidebar_banner_middle{
	/*margin-bottom:20px;*/
}
#sidebar_banner_middle a{
	/*margin-bottom:2px;*/
}
/*---------バックナンバー---------*/
.sidebar_backnumber {
	margin-bottom:7px;
	background:url(../images/sidebar/backnumber_bg_bottom.png) no-repeat left bottom #e9ecec;
}
.sidebar_backnumber_contents {
	padding:10px;
	background:url(../images/sidebar/backnumber_bg_top.png) no-repeat left top;
}
.sidebar_backnumber_contents table{
	widows:300px;
}
.sidebar_backnumber_contents table tr td.logo{
	width:175px;
	text-align:left;
	vertical-align:top;
}
.sidebar_backnumber_contents td.year_list{
	width:65px;
	border-left:#b2b2b2 solid 1px;
	vertical-align:top;
	text-align:right;
	/*background-color:#9F6;*/
}
.sidebar_backnumber_contents .year_list a.current{
	color:#e14040;
	text-decoration:underline;
}
.sidebar_backnumber_contents .yeartxt{
	color:#e14040;
}

/*---------サイドメニュー---------*/
/*#sidebar_menu{
	margin-bottom:8px;
}
#sidebar_menu ul li{
	width:287px;
	height:36px;
	margin-bottom:2px;
}
#sidebar_menu ul li a{
	width:287px;
	height:36px;
	display: block;
	background:url(../images/sidebar/sidemenu.png) left top no-repeat;
	line-height:36px;
	padding-left:13px;
	color:#000;
	font-weight:bold;
	font-size:108%;
}
#sidebar_menu ul li a:hover{
	background:url(../images/sidebar/sidemenu.png) left bottom no-repeat;
}*/


/*---------ボーダーボックス---------*/
#sidebar_borderbox{
	width:298px;
	border: solid #CCC 1px;
	padding:7px 0;
	/*margin-bottom:7px;*/
}
/*---------デジタルブック---------*/
#sidebar_digitalbook{
	width:280px;
	margin-left:7px;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom: dotted #CCC 1px;
}
#sidebar_digitalbook table{
	
}
#sidebar_digitalbook table .photo{
	width:87px;
	vertical-align:top;
}
#sidebar_digitalbook table .title{
	color:#e14040;
	font-weight:bold;
	vertical-align:top;
}

#sidebar_digitalbook table .title2{
	font-size:131%;
	font-weight:bold;
	vertical-align:top;
}

#sidebar_digitalbook table .txt{
	font-size:93%;
}
#sidebar_digitalbook table .linktxt{
	width:190px;
	text-align:left;
	font-weight:bold;
}
/*---------トピックスリスト---------*/
#sidebar_topics ul li a{
	font-size:93%;
}
/*---------サイドバー　ログイン　20100422---------*/
#sidebar_logiin{
	width:300px;
	height:98px;
	background:url(../images/top_new/login_bg.png) no-repeat 0 0;
	position:relative;
	margin-bottom:8px;
}
#sidebar_logiin .TXT1{
	position:absolute;
	left:8px;
	top:10px;
}
#sidebar_logiin .TXT2{
	position:absolute;
	left:8px;
	top:58px;
}
#sidebar_logiin .BTN1{
	position:absolute;
	left:160px;
	top:10px;
}
#sidebar_logiin .BTN2{
	position:absolute;
	left:160px;
	top:58px;
}
/*---------サイドバー　ログイン　ログインした後　20100422---------*/
#sidebar_logiin_after{
	width:300px;
	height:98px;
	background:url(../images/top_new/login_after_bg.png) no-repeat 0 0;
	position:relative;
	margin-bottom:8px;
	 font-size:93%;
}
#sidebar_logiin_after .TXT1{
	padding-top:10px;
	padding-left:10px;
}
#sidebar_logiin_after ul{
	padding-top:10px;
	padding-left:85px;
}
#sidebar_logiin_after ul li{
	height:20px;
}

/*---------サイドバー　お知らせ　20100422---------*/
.sidebar_osirase{
	background:url(../images/top_new/sidebar_osirase_bg.png);
	font-size:12px;
	margin-top:8px;
}
.sidebar_osirase ul li{
	margin:0 0 0 10px;
}
/*-----------------------------------------
__ブログページblog2サイドバー変更部分　css
------------------------------------------*/
.sidebar_blog2{
	width:280px;
	margin:5px 0 5px 0;
	display: block;
	background-color:#e9ecec;
	padding:10px;
	font-weight:bold;
}

.sidebar_blog2 a{color:#000;}
.sidebar_blog2 a:hover{color:#e14040;}

.sidebar_blog2 td.arrow{
	width:14px;
}
.sidebar_blog2 td.photo{
	width:46px;
}


.sidebar_blog2_title{
	width:280px;
	margin-bottom:5px;
	border-bottom:#999 solid 1px;
}

.sidebar_blog2_item{
	width:280px;
	margin:2px 0 2px 0;
}

.sidebar_blog2_item td.photo{
	width:52px;;
}

#sidebar_blog2_past{
	float:right;
}
/*-------------------------------
__パンクズメニュー　css
-------------------------------*/
.pankuzu{
	margin:10px 0 0 8px;
}
.pankuzu a{
	text-decoration:underline;
}
/*-------------------------------
__ページング　css
-------------------------------*/
#paging{
	width:593px;
	height:25px;
	margin:25px 0 0 0;
	position:relative;
	/*background-color:#0FF;*/
}
#paging ul{
	position:absolute;
	right:0px;
}
#paging ul li{
	float:left;
	margin-left:5px;
}
#paging ul li a{
}
#paging ul li a.box_current{
	width:25px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	background: url(../images/share_image/paging_bg_off.png) no-repeat 0 0;
	color:#000;
	display: block;
}
#paging ul li a.box_normal{
	width:25px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	background:url(../images/share_image/paging_bg_on.png) no-repeat 0 0;
	display: block;
}
/*-------------------------------
__TOPへ戻る　css
-------------------------------*/
.gototop{
	margin:170px 0 0 0;
	padding-bottom:45px;
	text-align:right;
}
/*-------------------------------
_正方形画像の背景
------------------------------*/
.photo_square_bg{
	background-color:#f0f0f0;
	text-align:center; 
	vertical-align:middle;
}
/*-------------------------------
_プレビュー画面
------------------------------*/
/*プレビュー画面*/
.preview_back_btn{
	width:100%;
	margin:20px 0;
	font-weight:bold;
}
.preview_back_btn a{
	width:150px;
	height:20px;
	line-height:20px; 
	margin:0 auto;
	display:block; 
	background-color:#f0f0f0;
	border:#333 1px solid;
	text-align:center;
}
/*------読者になるボタン この記事を友人に送るボタン（ブログ以外）------*/
/*詳細ページ以外*/
.readerBtn{
	width:82px;
	height:24px;
	padding:3px 0 0 25px;
	background:url(../images/blog/blog2_btnS.png) no-repeat;
	font-weight:bold;
	position:absolute;
	top:7px;
	right:0px;
}
.readerBtn a{color:#000;}
.readerBtn a:hover{color:#e14040;}

/*詳細ページ*/
.readerBtn2{
	width:82px;
	height:24px;
	padding:3px 0 0 25px;
	background:url(../images/blog/blog2_btnS.png) no-repeat;
	font-weight:bold;
	position:absolute;
	top:7px;
	right:164px;
}
.sendFriendBtn2{
	width:139px;
	height:24px;
	padding:3px 0 0 20px;
	background:url(../images/blog/blog2_btnL.png) no-repeat;
	font-weight:bold;
	position:absolute;
	top:7px;
	right:0px;	
}
.sendFriendBtn2_contest{
	width:139px;
	height:24px;
	padding:3px 0 0 20px;
	background:url(../images/blog/blog2_btnL.png) no-repeat;
	font-weight:bold;
	position:absolute;
	top:7px;
	right:0px;	
}
.readerBtn2 a{color:#000;}
.readerBtn2 a:hover{color:#e14040;}
.sendFriendBtn2 a{color:#000;}
.sendFriendBtn2 a:hover{color:#e14040;}
.sendFriendBtn2_contest a{color:#000;}
.sendFriendBtn2_contest a:hover{color:#e14040;}