@charset "shift_jis";

/*Base
-------------------------------------------*/
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#c0e8ff;
	}

#wrapper {
	width:774px;
	margin:0 auto;
	text-align:left;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
	padding:0 7px;
	}

#header{
	background-color:#fcfdee;
	width:760px;
	}

#mainimg{
	width:760px;
	height:201px;
	background:url(images/mainimg_bg.jpg) no-repeat bottom;
}

#mainimg h2{
	float:left;
	padding-left:189px;
	margin-top:12px;
}

#mainimg p{
	float:right;
	padding-right:31px;
	/*	margin-top:99px;  */
margin-top:40px;
	font-size: 0px;
	line-height: 0;
}

#cocosecomlink	{
width:735px;
height:32px;
margin-top:0px;
margin-bottom:30px;
text-align:right;
}

#mainconts{
	width:710px;
	margin:10px 25px 25px;
}

#footer{
	width:760px;
	background-color:#fcfdee;
	text-align:center;
	border-top:2px solid #766317;
	padding-top:15px;
	padding-bottom:15px;
}

#footer ul li{
	display:inline;
	margin-right:15px;
	font-size:0.75em;
 line-height:1.6;
	font-weight:bold;
}


/*Reset
--------------*/
/*all reset
* {
	margin:0;
	padding:0;
	}
*/

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,th,td {
	margin:0;
	padding:0;
	}

img {
	border:0;
	line-height:0;
	margin:0;
	padding:0;
	}

ul,ol,li{
	list-style-type:none;
	padding-left: 0px;
}

/*Link
--------------*/
a:link {
	color:#0033ff;
	}

a:visited {
	color:#0033ff;
	}

a:hover {
	color:#0033ff;
	text-decoration:none;
	}

a:active {
	color:#0033ff;
	}


/*Font
--------------*/
.txtLB {
 font-size:1.2em;
  line-height:1.7;
		font-weight:bold;
 }

.txtM {
 font-size:0.75em;
 line-height:1.6;
 }

.txtS {
 font-size:0.65em;
 line-height:1.4;
	color:#3f3f3f;
 }


/*Text-align
--------------*/
.txaL {
	text-align:left;
	}

.txaR {
	text-align:right;
	}

.txaC {
	text-align:center;
	}	


/*Float
--------------*/
.flL {
	float:left;
	}

.flR {
	float:right;
	}


/*Clear
--------------*/
.both {
	clear:both;
	}

.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

.clearfix {
	display:inline-block;
	}	


/*Margin
--------------*/
.mg5 {margin:5px;}
.mg10 {margin:10px;}

/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT35 {margin-top:35px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}


/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT20 {padding-top:20px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}



/*main contents
------------------------------------------------*/

/*TOPICS・キーワード・おすすめ記事
-----------------------------------*/
#info{
	background:url(images/infobg_btm.gif) no-repeat bottom left;
	padding-bottom:10px;
	width:710px;
	margin-bottom:5px;
}

#rank{
	width:408px;
	float:left;
	background:url(images/topics_bg.gif) repeat-y left;
}

#rank th{
	padding-right:10px;
	padding-left:20px;
	font-weight:normal;
}
#rank th, #topics td{
	vertical-align:top;
}

#keywords{
	width:282px;
	float:left;
	background:url(images/keywords_bg.gif) repeat-y right;
	margin-right: 20px;
}

#keywords ul{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

#keywords li{
	line-height:1.6;
}

#osusume{
	width:710px;
	background:url(images/osusume_bg.gif) repeat-y right;
}

#osusume ul{
	float:left;
	width:390px;
}

#topics th, #topics td, #osusume ul li{
 font-size:0.75em;
 line-height:1.6;
	padding-bottom:10px;
}

/*記事を探す
---------------------------*/

.articleL{
	width:350px;
	float:left;
	background:url(images/article_btm.gif) no-repeat bottom;
	padding-bottom:10px;
}
.articleR{
	width:350px;
	float:right;
	background:url(images/article_btm.gif) no-repeat bottom;
	padding-bottom:10px;
}
.article_bg{
	width:350px;
	background:url(images/article_bg.gif) repeat-y;
}
.artinL{
	width:199px;
	float:left;
}
.artinL p{
	width:184px;
	margin-left:15px;
 font-size:0.75em;
 line-height:1.6;
	color:#3f3f3f;
}

.artinR01{
	background:url(images/art01img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.artinR02{
	background:url(images/art02img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.artinR03{
	background:url(images/art03img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.artinR04{
	background:url(images/art04img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.artinR05{
	background:url(images/art05img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.artinR06{
	background:url(images/art06img.gif) no-repeat top;
	width:151px;
	float:right;
	padding-top:110px;
}

.articleS{
	width:234px;
	height:106px;
	float:left;
	background:url(images/article_bg02.gif) no-repeat bottom;
	margin-right:4px;
}

.articleS p{
	text-align:center;
	margin-top:10px;	
}

/*グッズ情報
---------------------------*/

#goodsbox{
	border-left:3px solid #92d0e8;
	border-right:3px solid #92d0e8;
	border-bottom:3px solid #92d0e8;
	padding-bottom:15px;
	padding-top:10px;
	margin-bottom:20px;
	position:relative;
}

#goodsR{
	width:472px;
	float:right;
	padding-right:10px;
	margin-left:16px;
}