@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
			1: contentsTop setting
			2: contents setting
			3: mainContents setting
			4: contentsBtm setting
}

****************************************************************** */


/*===================================================================
	1: contentsTop setting
===================================================================*/

div#contentsTop{
	padding:0 15px 15px;
}

div#contentsTop p.footpath strong{
	font-weight:normal;
}

/*===================================================================
	2: contents setting
===================================================================*/

div#contents{
	padding:15px 15px 0;
}

div#contents div#contentsInner{
	width:870px;
}

/*clearfix*/

div#contents div#contentsInner:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html div#contents div#contentsInner{ display: inline-block; }

/* no ie mac \*/
* html div#contents div#contentsInner{ height: 1%; }
div#contents div#contentsInner{ display: block; }
/* */




/*===================================================================
	3: mainContents setting
===================================================================*/


/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/

body.column1 div#mainContents{
	width:870px;
	padding:0;
	margin:0;
}

body.column2 div#mainContents{
	float:left;
	width:555px;
	padding:0;
	margin:0 15px 0 0;
}

div#mainContents h2{
}

div#mainContents div#pgTtl{
	margin:0 0 24px;
	padding:18px 12px 10px;
	background:#7A7D82 url(/images/pagettl_bg.gif) repeat-x left top;
	color:#fff;
	border-top:1px solid #797C81;
	border-left:1px solid #797C81;
	border-right:1px solid #797C81;
	position:relative;
	zoom:1;
}

div#mainContents div#pgTtl h2{
}

div#mainContents div#pgTtl p{
	width:34px;
	position:absolute;
	right:10px;
	bottom:1px;
	/* Hides from IE5-Mac \*/ 
	bottom:12px;
	/*end  Hides from IE5-Mac */
}

div#mainContents h2 a{
	color:#fff;
}

div#mainContents div.module{
	padding:0 10px 25px;
}

div#mainContents div.module h3{
	padding:0 5px 5px;
	margin:0 0 10px;
	font-size:1.2em;
	color:#536D9D;
	border-bottom:2px solid #797D82;
}

div#mainContents p.more,
div#mainContents ul.more{
	text-align:right;
}

div#mainContents p.more{
	margin:0 5px 0 0;
}

div#mainContents ul.more li{
	display:inline;
	padding:0 5px 0 3px;
}

div#mainContents p.more a,
div#mainContents ul.more li a{
	padding:0 0 0 14px;
	background:url(/images/arrow_r.gif) no-repeat left center;
	zoom:1;
}

/* Category Link */
.sublist li .subcategory{
	color:gray;
	font-size:80%;
	margin-left:2px;
}
.sublist li .subcategory a{
	color:gray;
	text-decoration:none;
}
.sublist li .subcategory a:hover{
	text-decoration:underline;
}


/* New Icon */
div#mainContents span.newmark img{
	margin-left:2px;
	vertical-align:-8%;
}

/* /New Icon */


/*アドセンス*/
/*
div#mainContents .ads{padding:0px 10px 20px;clear:both;overflow:hidden;}

div#mainContents .ads .ttl{margin-bottom:.5em; background:url(/images/line_dot.gif) repeat-x left center; padding:0 5px 0 0;}

div#mainContents div#MAFC0 .ads .ttl,
div#mainContents div#MAFC1 .ads .ttl,
div#mainContents div#MAFC2 .ads .ttl,
div#mainContents div#MAFC3 .ads .ttl{background-image:none; padding-top:4px;}

div#mainContents div#MAFC0 .ads,
div#mainContents div#MAFC1 .ads,
div#mainContents div#MAFC2 .ads,
div#mainContents div#MAFC3 .ads{
	padding-bottom:16px;
}

div#mainContents .ads .ttl span{background:#FFF; padding:0 10px 0 0px; font-weight:bold;}

div#mainContents .ads dl{ maring:0 15px;}

div#mainContents .ads dt{background:url(/images/li_dot.gif) 2px .75em no-repeat; padding:.1em 0;padding-left:10px;white-space:nowrap;}

div#mainContents .ads dt a{margin:0 20px 0 0;font-weight:bold;}

div#mainContents .ads dt span a{color:#008000!important; font-weight:normal!important; text-decoration:none!important;}

div#mainContents .ads dd{padding-left:10px;margin-bottom:.3em;}

div#mainContents .ads dd a{color:#333!important; font-weight:normal!important; text-decoration:none!important;}

div#mainContents div#photoList div#MAFC0 .ads,
div#mainContents div#photoList div#MAFC1 .ads,
div#mainContents div#photoList div#MAFC2 .ads,
div#mainContents div#photoList div#MAFC3 .ads,
div#mainContents div.photoList div#MAFC0 .ads,
div#mainContents div.photoList div#MAFC1 .ads,
div#mainContents div.photoList div#MAFC2 .ads,
div#mainContents div.photoList div#MAFC3 .ads{
	padding-top:5px;
	padding-bottom:12px;
	background:url(/images/line_dot.gif)repeat-x left bottom;
} 

body#spotDtl div#mainContents div#MAFC0 .ads,
body#spotDtl div#mainContents div#MAFC1 .ads,
body#spotDtl div#mainContents div#MAFC2 .ads,
body#spotDtl div#mainContents div#MAFC3 .ads{
	padding-bottom:28px;
}

body#spotDtl div#mainContents div#MAFC0 .ads .ttl,
body#spotDtl div#mainContents div#MAFC1 .ads .ttl,
body#spotDtl div#mainContents div#MAFC2 .ads .ttl,
body#spotDtl div#mainContents div#MAFC3 .ads .ttl{
	padding-top:0px;
}

#topicDtl div#MAFC0 .ads,
#topicDtl div#MAFC1 .ads,
#topicDtl div#MAFC2 .ads,
#topicDtl div#MAFC3 .ads{
	padding:0 20px 35px!important;
	margin-top:-10px;
}
*/

/*/アドセンス*/


/* ログインページの幅設定 */

body#registIndex div#mainContents div.module{
	width: 850px !important; 
	width /**/:870px;
}

body#registIndex div#mainContents div.module p.desc{
	width:850px;
}

body#registIndex div#mainContents div.module p.desc em{
	width:728px;
}

body#registIndex div#mainContents div#forFirst{
	width: 510px !important; 
	width /**/:512px;
}

body#registIndex div#mainContents div#loginArea{
	width: 321px !important; 
	width /**/:323px;
}

/*/ ログインページの幅設定 */



/* #search */
body.oshiete div#mainContents #search{
	background:url(/images/searchbg_mid.gif) no-repeat left bottom;
	padding: 17px 10px 10px 48px;
	margin:0;
}

body.oshiete div#mainContents #search .inner{
	width:497px;
}
body.oshiete div#mainContents #search .inner h2{
	float:left;
	width:90px;
}
body.oshiete div#mainContents #search .inner h2 img{
	padding-top:3px;
}
body.oshiete div#mainContents #search .inner form{
	float:left;
	width:285px;
	font-size:1.5em !important;
	height:24px;
}
body.oshiete div#mainContents #search .inner form .srchtxt{
	margin:0 6px 0 0;
	width:190px;
	vertical-align:top;
}
body.oshiete div#mainContents #search .inner form #srcbtn{
	margin:0 6px 0 0;
	width:77px;
	padding:0;
	vertical-align:top;
}

body.oshiete div#mainContents #search .inner .option{
	float:left;
	width:110px;
	padding:0;
	margin-top:2px;
	vertical-align:top;
}
body.oshiete div#mainContents #search .inner .option span{
	border:#fea21f solid 1px;
	padding:3px;
	zoom:1;
	display:block;
}
body.oshiete div#mainContents #search .inner .option a{
	background:url(/images/arr_search.gif) no-repeat left 0.6em;
	padding:5px 5px 5px 10px;
	line-height:1.3;
}

body.oshiete div#mainContents #search .inner .option a:link,
body.oshiete div#mainContents #search .inner .option a:visited,
body.oshiete div#mainContents #search .inner .option a:hover,
body.oshiete div#mainContents #search .inner .option a:active{
	color:#fff;
}


body.oshiete div#mainContents .okwavelink{
	background:url(/images/searchbg_btm.gif) no-repeat left top;
	padding:0;
	margin:0 0 5px;
}
body.oshiete div#mainContents .okwavelink p{
	text-align:right;
	padding:5px;
}


/* #tokoLink */
body.oshiete div#mainContents #tokoLink{
	background:url(/images/toko_bg.gif) no-repeat left top;
	padding:10px 15px 11px 25px;
	width:515px !important;
	width/**/:555px;
	margin:0 0 7px;
}
body.oshiete div#mainContents #tokoLink p{
	float:left;
	width:355px;
}
body.oshiete div#mainContents #tokoLink h3{
	float:right;
}

/* #mainunit */
body.oshiete div#mainContents #mainunit{
	background:url(/images/mainbg.gif) no-repeat left bottom;
	padding-bottom:30px;
	margin-bottom:20px;
}
body.oshiete div#mainContents #mainunit .unitinner{
	background:url(/images/unitinner_bg.gif) no-repeat left top;
	padding:7px 15px 0;
}
body.oshiete div#mainContents #mainunit .unitinner h3{
	padding:0 0 14px 33px;
}
body.oshiete div#mainContents #mainunit #tieupInfo{
	background:url(/images/tieup_bgbtm.gif) no-repeat left bottom;
	padding:0 0 15px;
	margin-bottom:11px;
}
body.oshiete div#mainContents #mainunit #tieupInfo .inner{
	background:url(/images/tieup_bgtop.gif) no-repeat left top;
	padding:10px 7px;
	width:511px !important;
	width/**/:525px;
}
body.oshiete div#mainContents #mainunit #tieupInfo .inner p.tieup_img{
	float:left;
	width:200ppx;
	margin-right:20px;
}
body.oshiete div#mainContents #mainunit #tieupInfo .inner h4{
	float:left;
	width:280px;
	margin-bottom:10px;
}
body.oshiete div#mainContents #mainunit #tieupInfo .inner p.tieup_txt{
	float:left;
	width:280px;
}
body.oshiete div#mainContents #mainunit #tieupInfo .inner p.tieup_txt span{
	color:#ff5602;
}
/* .module */
body.oshiete div#mainContents #mainunit .module{
	background:url(/images/mdl_btmbg.gif) no-repeat left bottom;
	padding:0 0 6px;
	width:525px;
	margin-bottom:10px;
}
body.oshiete div#mainContents #mainunit .type2{
	background:url(/images/mdl_btmbg2.gif) no-repeat left bottom;
}

body.oshiete div#mainContents #mainunit .module .mdl_l{
	float:left;
	width:258px;
	background:#fff url(/images/mdl_topbg.gif) repeat-x left top;
	margin-right:9px;
	padding-bottom:5px;
}

body.oshiete div#mainContents #mainunit .module .mdl_r{
	float:left;
	width:258px;
	background:#fff url(/images/mdl_topbg.gif) repeat-x left top;
	padding-bottom:5px;
}
body.oshiete div#mainContents #mainunit .module h4{
	border-bottom:#ffcc00 2px solid;
	padding:5px 5px 5px 10px;
}
body.oshiete div#mainContents #mainunit .module h4 span{
	background:url(/images/arr_mdl.gif) no-repeat left 0.4em;
	padding:3px 0 3px 16px;
}
body.oshiete div#mainContents #mainunit .module ul{
	padding:2px 16px;
}
body.oshiete div#mainContents #mainunit .module ul.sublist{
	padding:2px 6px 2px 3px;
}
body.oshiete div#mainContents #mainunit .module ul li{
	background:url(/images/arr_mdl_li.gif) no-repeat left 0.6em;
	padding:3px 0 3px 12px;
	line-height:1.4;
}
body.oshiete div#mainContents #mainunit .module ul.sublistInline li{
	background:none;
	padding:3px 9px 3px 0;
	display:inline;
}

/* #mafc_default */
div#mainContents div#mafc_default{margin-bottom:10px;}
/*
body.oshiete div#mainContents #mafc_default{
	background:url(/images/ads_bgbtm.gif) no-repeat left bottom;
	padding:0 0 30px;
	margin:0 0 30px;
}
body.oshiete div#mainContents #mafc_default_inner{

}
body.oshiete div#mainContents #mafc_default .ads{
	background:url(/images/ads_bgtop.gif) no-repeat left top;
	padding:10px 14px 0;
	zoom:1;
}
body.oshiete div#mainContents #mafc_default .ads .ad_logo{
	margin:0 0 20px;
}
body.oshiete div#mainContents #mafc_default dl{
	width:520px;
	overflow:hidden;
}
body.oshiete div#mainContents #mafc_default dl dt{
	background:	url(/images/arr_mdl_li.gif) no-repeat left 0.4em;
}
*/


/* pickupQA */

body#oshieteTop div#mainContents div.pickupQA{
	margin:0 0 7px;
	padding:0 0 14px!important;
	background:#fff!important;
	background-image:none!important;
	border-bottom:1px solid #D9D9D9;
}

body#oshieteTop div#mainContents div.pickupQA h4{
	background:url(/images/mdl_topbg.gif) repeat-x scroll left top;
}

body#oshieteTop div#mainContents div.pickupQA .photoText{
	margin:10px 16px 2px;
	width:493px;
}

body#oshieteTop div#mainContents div.pickupQA .photoText p{
	float:left;
	width:130px;
}

body#oshieteTop div#mainContents div.pickupQA .photoText dl{
	margin-left:144px;
}

body#oshieteTop div#mainContents div.pickupQA .photoText dt{
	font-weight:bold;
	font-size:1.12em;
	margin:0 0 8px;
}

body#oshieteTop div#mainContents div.pickupQA .todayText{
	margin:10px 16px 2px;
	width:493px;
}

body#oshieteTop div#mainContents div.pickupQA .todayText dt{
	font-weight:bold;
	margin:0 0 4px;
}

body#oshieteTop div#mainContents div.pickupQA ul{
	margin:0;
	padding:0 0 0 16px!important;
}

body#oshieteTop div#mainContents div.pickupQA ul li{
	background:transparent url(/images/arr_mdl_li.gif) no-repeat scroll left 0.6em;
	line-height:1.4;
	padding:3px 5px 3px 12px;
	margin-right:10px;
	width: 223px !important; 
	width /**/: 235px;
	float:left;
}

/*---------------------------------
	 body#footpath
----------------------------------*/
#footpath{
	margin:0 0 10px;
}

/*===================================================================
	4: contentsBtm setting
===================================================================*/

div#contentsBtm{
	padding:0px;
	margin:0;
}
div#contentsBtm .inner{
	background:	url(/images/li_dot.gif) repeat-x left bottom;
	padding-bottom:2px;
	width:900px;
}
div#contentsBtm #poweredbyokwave{
	padding:0 15px;
	margin:0;
	float:left;
	width:500px;
}
div#contentsBtm p.pgTopLink{
	padding:0 15px;
	text-align:right;
	float:right;
	width:300px;
}
div#contentsBtm p.pgTopLink a{
	padding:2px 0 2px 17px;
	background:	url(/images/arr_pagetop.gif) no-repeat left 0.2em;
}
div#contentsBtm #cbRecommended{
	background:	url(/images/contentsbtm_bg.gif) repeat-x left bottom;
	padding:5px 15px;
	font-size:0.86em;
	color:#3e3e3e;
}
div#contentsBtm div#btmNav{
	width:870px;
	padding:0 0 10px;
}

/* clearfix */

div#contentsBtm div#btmNav:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html div#contentsBtm div#btmNav{ display: inline-block; }

/* no ie mac \*/
* html div#contentsBtm div#btmNav{ height: 1%; }
div#contentsBtm div#btmNav{ display: block; }
/* */
div#contentsBtm div#btmNav ul{
	float:left;
	width:600px;
	margin-right:10px;
}
div#contentsBtm div#btmNav ul li{
	display:inline;
	margin:0 5px 0 0;
}
div#contentsBtm div#btmNav p{
	float:right;
	width:260px;
	text-align:right;
}


/*===================================================================
	5: iframe setting
===================================================================*/
body.oshieteIframe{
	background:none;
	padding:0;
	margin:0 auto;
}
body.oshieteIframe div#container,
body.oshieteIframe div#headUserNav{
	width:950px;
}
body.oshieteIframe div#headUserNav{
	border-bottom:30px solid #f8b46c;
}

body.column2 div#subContents {
	float:left;
	padding:0 0 10px;
	width:300px;
	text-align:left;
}
body.oshieteIframe div#subContents {
	float:left;
	padding:5px 5px 10px;
	width:300px !important;
	width/**/:310px;
	text-align:left;
}

/* #iframeHead */

iframe#iframeHead{
	width:100%;
	border:2px;
	height:150px;
}

/* #iframeSide */

iframe#iframeSide{
	width:310px;
	background:#eee;
}
iframe#iframeSide #subContents{
	padding:5px;
}