@charset "utf-8";

/*ベース部分*/
body{
	text-align: center;
	margin: 0px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
img   { border:none;}
a:link {
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}
a:visited{
	color:#00F;
	
	}
.smart_phone_bx{
	box-sizing:border-box;
	width:100%;
	font-size:x-large;
	display:block;
	padding:10%;
	color:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #0f2296), color-stop(0.52, #2147cb), color-stop(0.00, #326cff));
	background: -webkit-linear-gradient(top, #326cff 0%, #2147cb 52%, #0f2296 97%);
	background: -moz-linear-gradient(top, #326cff 0%, #2147cb 52%, #0f2296 97%);
	background: -o-linear-gradient(top, #326cff 0%, #2147cb 52%, #0f2296 97%);
	background: -ms-linear-gradient(top, #326cff 0%, #2147cb 52%, #0f2296 97%);
	background: linear-gradient(to bottom, #326cff 0%, #2147cb 52%, #0f2296 97%);
	}
.smart_phone_bx a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:medium
	}		


/*
jQueryで設定しているので解除している。
a:hover img {     filter: alpha(opacity=70);     -moz-opacity:0.7;    -khtml-opacity: 0.7;    opacity:0.7;}
*/

#logo_box_background {
	height: 75px;
	width: 100%;
}


#logo_box {
	height: 75px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#SNS_botton_logo_header{/*ロゴ部分*/
	width: 550px;
	padding-top: 10px;
	}
	
#SNS_botton_contents_page {/*コンテンツページ内部*/
	width: 700px;
	clear: both;
}

#adsense_kensaku_box {
	width: 550px;
	text-align: right;
}

.pankuzu_list{
	margin-left: 20px;
	margin-top: 10px;
	font-size: 12px;
	}

/*スマートフォンのp部分の幅がおかしくなるのを防ぐ。urlの部分はスペーサーgifをいれているので本来ならば推奨できない使用方法らしい。*/
p {background-image:url(../image/spacer.gif);}


/*▼▼右が300pxの場合のコンテンツ構成。2016/10月以降詳細ページはすべてこれ*/
#title_background{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	background-image: url(../image/base/title/title_background2.jpg);
	padding-bottom: 10px;
	
	}
#title{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}	

#contents_background {
	width: 100%;
	text-align: center;
}
#contents_base {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1090px;
	background-color: #FFF;
	margin-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
}	

#left_box_base {
	width: 790px;
	float: left;
}

#right_box_base {
	width: 300px;
	float: right;
	margin-top: 10px;
}
#right_box_base .ninki_cnt_bx{
	width: 278px;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666;
	border-left-color: #666;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	margin-bottom: 10px;
}
#right_box_base ._h2{
	text-align: center;
	color: #FFF;
	width: 296px;
	padding: 2px;
	background-image: url(../image/table/th_background_mos_green.jpg);
}


/*indexページに適用*/
#contents_index {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	background-color: #FFF;
	margin-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
}
#left_box_index {
	width: 700px;
	float: left;
	margin-right:20px;
}

#right_box_index {
	width: 300px;
	float: right;
}

/*右側の広告*/
.g_box_right_ad_base{
	width: 300px;
	height:600px;
	}

/*▲▲右が300pxの場合のコンテンツ構成。2016/10月以降はすべてこれ*/

/*フッター*/
#footer_menu_box_background {
	width: 100%;
	text-align: center;
	background-image: url(../image/base/footer/footer_menu_background.jpg);
	margin-top: 75px;
	clear: both;
}
#footer_menu_box {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #333;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 10px;
}
.footer_midasi{
	width: 930px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-align: left;
	padding-bottom: 3px;
	color: #333;
	border-bottom-color: #666;
	}
#footer_menu_box ul {
	width: 280px;
	float: left;
	margin-left: 25px;
}
#footer_menu_box ul li{
	width: 270px;
	list-style-image: url(../image/list/green_arrow.gif);
}	
#footer_menu_box ul li a:link,#footer_menu_box ul li a:visited{
	text-decoration: none;
	color: #333;
}
#footer_menu_box ul li a:hover{
	text-decoration:underline
}		

#footer_background a:link,#footer_background a:visited {
	color: #333333;
	text-decoration: none;
}
#footer_background a:hover {
	color: #333333;
	text-decoration: underline;
}


#footer_background {
	width: 100%;
	text-align: center;
	clear: both;
	background-image: url(../image/base/footer/footer_background.jpg);
	height: 100%;
}

#footer_box {
	height: 20px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	padding-top: 5px;
}

/*ページの上に戻るjquery CSS*/
div.tothetopfixed {
	position: fixed;
	right: 10px;
	bottom: 80px;
	z-index: 1500;
}	

div.tothetopfixed a {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px;
	margin: 0;
	background-color: #4EC3BB;
	border-radius: 5px;
	font-size: 12px;
	text-decoration: none;
	height: 15px;
	width: 80px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

div.tothetopfixed a:hover {
	color: #FFFFFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1.0;
	background-color: #4EC3BB;
}


/*フッター*/

.font_aka {
	color: #F00;	
}
.font_blue {
	color: #00F;
}
.font_glay {
	color: #333;
}
.font_bold{
	font-weight: bold;	
	}
.font_big {
	font-weight: bold;
	font-size: 20px;
}
.midasi_font_black {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.shoku_cnt_bold {
	font-size: 20px;
	color: #009900;
}
.midasi_underline_green{
	font-size: 20px;
	margin-left: 40px;
	width: 710px;
	font-weight: normal;
	margin-top: 2em;
	border-bottom: 2px #0DD559 solid;
	clear: both;
	}



/*画像のクレジット表記*/
.credit_link {
	font-size: 12px;
	color: #CCC;
	text-align: left;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.credit_link a:link,.credit_link a:hover {
	font-size: 12px;
	color: #CCC;
	text-decoration:none;
}
.right_ad_bx {
	height: 600px;
	width: 160px;
	margin-top: 10px;
}
/*目次用*/
#mokuji_bx {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFA;
	border: 1px solid #CCCC99;
	margin-top: 20px;
	clear: both;
}
#mokuji_bx  ul {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    margin-top: 0px;
	margin-bottom:20px;
    padding-top: 0px;
  } 
#mokuji_bx  ul li {
    width: 540px;
    list-style-type: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding-bottom: 5px;
    padding-top: 5px;
	position:relative;
  }
#mokuji_bx h6{
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
    text-align: center;
	font-weight:normal;
    background-color: #FFFFFA;
    color: #333333;
	font-size:16px;
	margin-bottom:10px;
	}
#mokuji_bx ._h2{
    padding-left: 0em;
	font-weight:normal;
  }
#mokuji_bx ._h3{
    padding-left: 0em;
	text-indent:1.5em;
	font-weight:normal;	
  }
#mokuji_bx ul li._h2 a {
	text-decoration: none;
	color: #000;
	font-size:14px;
  }	
#mokuji_bx ul li._h3 a {
	text-decoration: none;
	color: #000;
	font-size:14px;
  }