@charset "utf-8";

/*--------------------------------------
  Default Reset & Base Style Sheet
  Last Update 2010-07-20

  1-1.Structure Module
  1-2.レイアウト固定
  1-3.レイアウト可変　サイドメニューあり
  1-4.レイアウト可変　サイドメニューなし
  1-5.スポンサーリンク (検索結果用)
　1-6.スポンサーリンク (検索以外)  
  1-7.googleのスポンサーリンク 縦広版
  1-8.検索急上昇ワード

/*-------------------------------------------
	1-1.Structure Module
--------------------------------------------*/
#oshieteContents{
	width:100%;
}

#oshieteMain,
#oshieteMainLeft,
#oshieteMainCenterWrap,
#oshieteMainCenter,
#oshieteSideMenu {	
	border:none;
}

/*-------------------------------------------
  1-2.レイアウト固定
--------------------------------------------*/
#oshieteMain {margin:0 auto; padding:0;}

/*-------------------------------------------
  1-3.レイアウト可変　サイドメニューあり
--------------------------------------------*/
#oshieteMainLeft {
	float: left;
	margin: 0 -334px 0 0!important;
	padding:0;
	min-width:636px!important;
	width: 100%;
}

#mainLeftContents {
	margin:0 334px 0 0!important;
	padding:0!important;
	text-align:left;
	height:1%;
	}

#oshi-contentsIn{
	float:right;
	width:100%!important;
	margin: 0;
	padding: 0;
}

#oshieteSideMenu {
	float:right;
	margin:0;
	padding:0;
	text-align:left;
	width:320px!important;
	background-color:#F6F6F7;
	height:1%;
}


/*-------------------------------------------
  1-4.レイアウト可変　サイドメニューなし
--------------------------------------------*/
#oshieteMainCenter {
	margin:0 auto;
	padding:0;
	width:100%;
	min-width: 970px;
}

 
/*-------------------------------------------
  1-5.スポンサーリンク (検索結果用)
--------------------------------------------*/

.os-search-SPLink { margin:0 0 10px 0; padding:10px; border-top:1px solid #D5DBDE; border-bottom:1px solid #D5DBDE;}
.os-search-SPLink h3 {
	margin:0;
	padding:0 0 4px 0;
	color:#666666;
	border:none!important;
	font-weight:normal;
	line-height:1em!important;
	font-size:1em;
	}

.os-search-SPLink h3 a                { color:#666666; text-decoration:none;}
.os-search-SPLink h3 a:link:hover     { color:#666666; text-decoration:underline;}
.os-search-SPLink h3 a:link:active    { color:#666666; text-decoration:underline;}
.os-search-SPLink h3 a:visited        { color:#666666; text-decoration:none;}
.os-search-SPLink h3 a:visited:hover  { color:#666666; text-decoration:underline;}
.os-search-SPLink h3 a:visited:active { color:#666666; text-decoration:underline;}

.os-search-SPLink ul { margin:0; padding:0 0 0 0px; list-style-type:none;}	
.os-search-SPLink ul li {
	margin:0;
	padding:0 0 0 9px;
	border:none;
	font-size:100%;
	line-height:150%;
	background:url(/images/common/dot-black.gif) left center no-repeat;
}

.os-search-SPLink ul li a{ font-size:114%; line-height:150%;}

 
/*-------------------------------------------
  1-6.スポンサーリンク (検索以外)
--------------------------------------------*/
.oshieteSPLink {
	margin:0;
	padding:0 0 18px 0;
	border:none;
}

.oshieteSPLink-bk {
	margin:0;
	padding:0;
	border:none;
	background:url(/images/common/SponsorLink.gif) left no-repeat;
	height:24px;	
}

	.oshieteSPLink-bk h3{
		margin:0;
		padding:3px 10px 0 26px;
		border:none;
		color:#808080;
		font-weight:normal;
		font-size:12px;
		float:left;
	}
	
	.oshieteSPLink-detail{
		margin:3px 0 0 0;
		padding:0;
		border:none;
		float:left;
	}
			.oshieteSPLink ul {
				margin:0;
				padding:10px 0 20px 10px;
				border:none;
				list-style-type:none;
			}
					
				.oshieteSPLink ul li {
					margin:0;
					padding:0 0 0 9px;
					border:none;
					font-size:100%;
					line-height:150%;
					background:url(/images/common/dot-black.gif) left center no-repeat;
				}
				
				.oshieteSPLink ul li a{
					font-size:114%;
					line-height:150%;
				}


/*--------------------------------------
  1-7.googleのスポンサーリンク 縦広版
---------------------------------------*/

.google-ad {margin:0 0 20px 0; padding:4px 9px 0px 9px; border:; 
background-color:#FFFFFF; height:1%;}

h3#s-link {
 margin:0;
 padding:3px 10px 0 0;
 border:none;
 color:#999999;
 text-align:left;
 font-weight:normal;
 font-size:100%;
 float:left;
 }


.ad_wrap {
 margin:6px 0 6px 10px;
 padding:0;
 border:none;
 clear:both;
 }

.ad_last {margin-bottom:0!important;}

h4.adTitleLarge {
 margin:0 0 0 0!important;
 padding:0;
 border:none;
 font-size:107%;
 float:left;
 }

.adUrl {
	margin:0;
	padding:0!important;
	border:none;
	font-size:100%;
	color:#008000;
	float:left;
	}


p.adWriting {
 margin:0;
 padding:4px 0 0 0!important;
 border:none;
 font-size:100%;
 line-height:1em;
 }

a.adUrl_link			     { color:#008000!important; text-decoration:none!important;}
a.adUrl_link :link:hover     { color:#008000!important; text-decoration:none!important;}
a.adUrl_link :link:active    { color:#008000!important; text-decoration:none!important;}
a.adUrl_link :visited        { color:#008000!important; text-decoration:none!important;}
a.adUrl_link :visited:hover  { color:#008000!important; text-decoration:none!important;}
a.adUrl_link :visited:active { color:#008000!important; text-decoration:none!important;}



/*--------------------------------------
 1-8.検索急上昇ワード
---------------------------------------*/

.os-keyword {margin:0 0 20px 0; padding:0; border:2px solid #FFFFFF; background-color:#F6F6F7; height:1%;}
.os-keyword h3 {
	margin:0!important;
	padding:4px 0 4px 10px!important;
	border:none;
	font-size:1.2em!important;
	line-height:1.6em;
	color:#FF6699;
	background-color:#FFFFFF;
	}
	
.os-keyword h3 a                { color:#FF6699; text-decoration:underline;}
.os-keyword h3 a:link:hover     { color:#FF6699; text-decoration:none;}
.os-keyword h3 a:link:active    { color:#FF6699; text-decoration:none;}
.os-keyword h3 a:visited        { color:#FF6699; text-decoration:underline;}
.os-keyword h3 a:visited:hover  { color:#FF6699; text-decoration:none;}
.os-keyword h3 a:visited:active { color:#FF6699; text-decoration:none;}


.os-keyword p {margin:0!important; padding:4px 8px 8px 8px!important; height:1%;}
	
.menui0 { font-size: 10px; DISPLAY: inline; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; line-height:130%; }
.menui0 A { DISPLAY: inline; COLOR: #0085cc!important; TEXT-DECORATION: none; }
.menui0 A:hover { BACKGROUND-COLOR: #dbf1fd }
.menui0 A:active { BACKGROUND: #dbf1fd }

.menui1 { font-size: 13px; DISPLAY: inline; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; line-height:150%; }
.menui1 A { DISPLAY: inline; COLOR: #0085cc!important; TEXT-DECORATION: none; }
.menui1 A:hover { BACKGROUND-COLOR: #dbf1fd }
.menui1 A:active { BACKGROUND: #dbf1fd }

.menui2 { font-size: 15px; font-weight: normal; DISPLAY: inline; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; line-height:180%; }
.menui2 A { DISPLAY: inline; COLOR: #0085cc!important; TEXT-DECORATION: none; }
.menui2 A:hover { BACKGROUND-COLOR: #dbf1fd }
.menui2 A:active { BACKGROUND: #dbf1fd }

.menui3 { font-size: 18px; font-weight: normal; DISPLAY: inline; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; line-height:180%; }
.menui3 A { DISPLAY: inline; COLOR: #0085cc!important; TEXT-DECORATION: none; }
.menui3 A:hover { BACKGROUND-COLOR: #dbf1fd }
.menui3 A:active { BACKGROUND: #dbf1fd }

.menui4 { font-size: 22px; font-weight: bold; DISPLAY: inline; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; line-height:180%; color: #74c51b; }
.menui4 A { DISPLAY: inline; TEXT-DECORATION: none; color: #74c51b!important; }
.menui4 A:hover { BACKGROUND-COLOR: #dbf1fd }
.menui4 A:active { BACKGROUND: #dbf1fd; color: #74c51b!important; }


/*-- googleの広告 -- QA詳細の上と下*/
.sub_title_ad { margin:0; padding:0; border:none;}
.sub_title_ad h2.g_ad { margin:0 0 0 6px; padding:0 0 0 6px; font-size:0.9em; line-height:1.2em;  color:#999999; font-weight:normal; }

.google_ad { margin:0 0 20px 0; padding:0;}
.google_ad ul { margin:6px 0 0 0; padding:0; list-style-type:none;}
.google_ad ul li { margin:0 0 0 4px; padding:0 0 2px 6px; list-style-type:none;}

.google_ad ul li span.ad_title a{ color:#0033cc; font-weight:bold; text-decoration:underline; padding-left:10px; font-size:16px;}
.google_ad ul li span.ad_url a  { color:#008000; padding-left:10px; font-size:14px;}
.google_ad ul li span.ad_text { color:#000000; display:block; font-size:12px; padding-left:10px;}


.google_ad ul li span.ad_url a                { color:#008000!important; text-decoration:none!important;}
.google_ad ul li span.ad_url a:link:hover     { color:#008000!important; text-decoration:underline!important;}
.google_ad ul li span.ad_url a:link:active    { color:#008000!important; text-decoration:underline!important;}
.google_ad ul li span.ad_url a:visited        { color:#008000!important; text-decoration:none!important;}
.google_ad ul li span.ad_url a:visited:hover  { color:#008000!important; text-decoration:underline!important;}
.google_ad ul li span.ad_url a:visited:active { color:#008000!important; text-decoration:underline!important;}


.google_ad ul li span.ad_text a                { color:#000000!important; text-decoration:none!important; font-size:12px;}
.google_ad ul li span.ad_text a:link:hover     { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li span.ad_text a:link:active    { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li span.ad_text a:visited        { color:#000000!important; text-decoration:none!important; font-size:12px;}
.google_ad ul li span.ad_text a:visited:hover  { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li span.ad_text a:visited:active { color:#000000!important; text-decoration:underline!important; font-size:12px;}

.google_ad ul.google_ad_search li span.ad_title{ display:block; margin-top:10px; margin-bottom:1px;}
.google_ad ul.google_ad_search li span.ad_title a{ margin-top:10px; margin-bottom:1px;}
.google_ad ul.google_ad_search li span.ad_text { line-height:1.1em; padding-top:4px; }
.google_ad ul.google_ad_search li { margin-left: 0; padding-left: 0; }
.google_ad ul.google_ad_search li span.ad_text { padding-left: 0 !important; }
.google_ad ul.google_ad_search li span.ad_title a { padding-left: 0 !important; }
.google_ad ul.google_ad_search li span.ad_url a { padding-left: 0 !important; }
.google_ad ul.google_ad_search li span.ad_text a { padding-left: 0 !important; }


/* スマートフォン版で見る */
#mod-sp-notice {
  background-color: #666;
  padding: 60px 0px;
  text-align: center;
}
#mod-sp-notice a {
  padding: 20px;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.2), inset 0 -15px 30px rgba(0,0,0,0.6);
  -webkit-border-radius: 20px;
  background: rgba(0,0,0,0.4);
  text-shadow: 0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000;
  margin: 0 auto;
}
#mod-sp-notice a:hover{
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.3), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);
}
#mod-sp-notice a:active{
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px rgba(0,0,0,0.3), inset 0 1px rgba(0,0,0,0.8), inset 0 10px 20px rgba(0,0,0,0.8), inset 0 -15px 30px rgba(0,0,0,0.3);
  background: rgba(0,0,0,0.5);
}

/*教えて！ロゴ*/
ul#logo {margin:0 0 0 10px; display:inline;}
ul#logo li img{margin:0;}