@charset "UTF-8";

/*------------------------------------------------------------------------------
　リセット
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, hr,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}
/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }



/*------------------------------------------------------------------------------
　ハック
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* float解除用 clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* clearfixここまで */



/*------------------------------------------------------------------------------
　ページ全体の基本レイアウト
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

body {
	font-size: 100%;
	color: #666666;
	line-height: 1.6;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

* html body {
	font-size: 82%;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	vertical-align: baseline;
	text-align: center;
} /* for lte ie6 */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}
#container,#footer {
	margin: 0 auto;
	padding: 0;
}
#container {
	margin: 0 auto -142px;
	padding: 5px;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#footer,#stopper {
	height: 142px;
}
#header {
	background: url(images/top_line.gif) repeat-x;
}
#inner_head {
	margin: 0 auto;
	width: 900px;
}

#contents {
	margin-bottom: 30px;
 	width: 900px;
}

/* 中央 */
#main {
	float: right;
	width: 670px;
}

/* 左側 */
#sub {
	float: left;
	width: 200px;
}

@media screen and (max-width: 450px) {
	#container {
		padding: 5px 20px;
	}
	#main {
		margin-bottom: 50px;
	}

	#contents,
	#container {
		width: 100%;
		box-sizing: border-box;
	}
	#main,
	#sub {
		float: none;
		width: 100%;
	}
	#main img {
		max-width: 100%;
		height: auto;
	}
	#phy_1 {
		background-color: #fce3cd;
		margin-bottom: 20px;
	}
	#sub #phy_1 img {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 10px 0 15px 0;
	}
}

/*------------------------------------------------------------------------------
　リンク
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
a {
	color:#666666;
	text-decoration: none;
}
a:hover {
	color:#3399cc;
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
　ヘッダー
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
#inner_head h1#logo a {
	display: block;
	margin-top: 8px;
	float: left;
	text-indent: -9999px;
	width: 354px;
	height: 70px;
	background: url(images/logo.png) no-repeat;
}
#inner_head #fchange {
	float: right;
	margin-top: 6px;
	padding: 0 18px 0 19px;
	display: block;
	width: 133px;
	height: 37px;
	background: url(images/bg_fsize.png) no-repeat;
}
#fchange a {
	cursor:pointer;
}
#inner_head #fchange #moji {
	float: left;
	margin-top: 12px;
	display: block;
	width: 67px;
	height: 12px;
	text-indent: -9999px;
	background: url(images/moji.png) no-repeat;
}
#size {
	float: right;
	margin: 5px 0 0 0;
	display: block;
	width: 52px;
	height: 23px;
}
#f_small {
	float: left;
}
#f_small a {
	margin-top: 2px;
	display: block;
	width: 21px;
	height: 21px;
}
#f_large {
	float: right;
}
#f_large a {
	display: block;
	width: 23px;
	height: 23px;
}
#fchange .ftxt {
	display: none;
}


/*------------------------------------------------------------------------------
　ナビゲーション
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
#navi_block {
	margin-top: 11px;
	background: url(images/bg_navi.png) repeat-x;
}
#inner_navi {
	margin: 0 auto;
	width: 906px;
}
ul#navi {
	margin: 0 3px;
	width: 900px;
	height: 59px;
}
ul#navi li {
	float: left;
	height: 59px;
  overflow: hidden;
	text-indent: -9999px;
}
	ul#navi li#home { width: 110px; }
	ul#navi li#outp { width: 161px; }
	ul#navi li#inpa { width: 161px; }
	ul#navi li#outl { width: 161px; }
	ul#navi li#cons { width: 178px; }
	ul#navi li#recr { width: 129px; }

ul#navi li a {
	display: block;
	height: 59px;
	padding: 0;
	text-decoration: none;
	background: url(images/navi.png) no-repeat;
}

ul#navi li#home a { width: 110px; background-position:    0px 0; }
ul#navi li#outp a { width: 161px; background-position: -110px 0; }
ul#navi li#inpa a { width: 161px; background-position: -271px 0; }
ul#navi li#outl a { width: 161px; background-position: -432px 0; }
ul#navi li#cons a { width: 178px; background-position: -593px 0; }
ul#navi li#recr a { width: 129px; background-position: -771px 0; }

ul#navi li#home a.current_page { background-position:    0px 50%; }
ul#navi li#outp a.current_page { background-position: -110px 50%; }
ul#navi li#inpa a.current_page { background-position: -271px 50%; }
ul#navi li#outl a.current_page { background-position: -432px 50%; }
ul#navi li#cons a.current_page { background-position: -593px 50%; }
ul#navi li#recr a.current_page { background-position: -771px 50%; }

ul#navi li#home a:hover { background-position:    0px 100%; }
ul#navi li#outp a:hover { background-position: -110px 100%; }
ul#navi li#inpa a:hover { background-position: -271px 100%; }
ul#navi li#outl a:hover { background-position: -432px 100%; }
ul#navi li#cons a:hover { background-position: -593px 100%; }
ul#navi li#recr a:hover { background-position: -771px 100%; }

#subContents {
	margin-top: -3px;
	padding:9px 12px 16px 13px;
	width: 881px;
}
.subContentsBg {
	background: url(images/bg_subcon.png) no-repeat bottom;
}
.subContentsInner {
	background: url(images/bg_subcon.png) no-repeat bottom;
}

.content ul#sub_navi {
	margin-left: -1px;
	width: 882px;
}
.content ul#sub_navi li {
	padding: 0 0 1px 1px;
	width: 125px;
	height: 24px;
	float: left;
	text-indent: -9999px;
	background: url(images/bg_sub.gif) no-repeat;
}
.content ul#sub_navi li#sub_04_3,.content ul#sub_navi li#sub_04_4 { width: 251px;}
.content ul#sub_navi li.nobg {
	background: none;
}
/* for IE6 */
*html .content ul#sub_navi li {
	display: inline;
}
.content ul#sub_navi li a {
	display: block;
	width: 125px;
	height: 24px;
	overflow:hidden;
	outline:none;
}

#content_1, #content_2, #content_3, #content_4, #content_5 {
	display: none;
}
.subActive {
	display: block !important;
}

#content_1 ul#sub_navi li a {
	background: #CCCCCC;
	background: url(images/sub_outp.png) no-repeat;}
#content_2 ul#sub_navi li a {
	background: url(images/sub_inpa.png) no-repeat;}
#content_3 ul#sub_navi li a {
	background: url(images/sub_outl.png) no-repeat;}
#content_4 ul#sub_navi li a {
	background: url(images/sub_cons.png) no-repeat;}
#content_5 ul#sub_navi li a {
	background: url(images/sub_recr.png) no-repeat;}

ul#sub_navi li#sub_01 a { background-position: 0      0; }
ul#sub_navi li#sub_02 a { background-position: 0  -24px; }
ul#sub_navi li#sub_03 a { background-position: 0  -48px; }
ul#sub_navi li#sub_04 a { background-position: 0  -72px; }
ul#sub_navi li#sub_04_2 a { background-position: 0  -216px; }
ul#sub_navi li#sub_04_3 a { background: url(images/sub_outl2.png) 0 0 !important; width: 251px !important; }
ul#sub_navi li#sub_04_4 a { background: url(images/sub_outl3.png) 0 0 !important; width: 251px !important; }
ul#sub_navi li#sub_05 a { background-position: 0  -96px; }
ul#sub_navi li#sub_06 a { background-position: 0 -120px; }
ul#sub_navi li#sub_07 a { background-position: 0 -144px; }
ul#sub_navi li#sub_yobo a { background-position: 0 -144px; }

ul#sub_navi li#sub_08 a { background-position: 0 -168px; }
ul#sub_navi li#sub_09 a { background-position: 0 -192px; }
ul#sub_navi li#sub_10 a { background-position: 0 -216px; }

ul#sub_navi li#sub_01 a:hover { background-position: 50%      0; }
ul#sub_navi li#sub_02 a:hover { background-position: 50%  -24px; }
ul#sub_navi li#sub_03 a:hover { background-position: 50%  -48px; }
ul#sub_navi li#sub_04 a:hover { background-position: 50%  -72px; }
ul#sub_navi li#sub_04_2 a:hover { background-position: 50%  -216px; }
ul#sub_navi li#sub_04_3 a:hover { background-position: 50%  0 !important; }
ul#sub_navi li#sub_04_4 a:hover { background-position: 50%  0 !important; }
ul#sub_navi li#sub_05 a:hover { background-position: 50%  -96px; }
ul#sub_navi li#sub_06 a:hover { background-position: 50% -120px; }
ul#sub_navi li#sub_07 a:hover,ul#sub_navi li#sub_yobo a:hover { background-position: 50% -144px; }
ul#sub_navi li#sub_08 a:hover { background-position: 50% -168px; }
ul#sub_navi li#sub_09 a:hover { background-position: 50% -192px; }
ul#sub_navi li#sub_10 a:hover { background-position: 50% -216px; }

ul#sub_navi li#sub_01 a.current_subContents { background-position: 100%      0; }
ul#sub_navi li#sub_02 a.current_subContents { background-position: 100%  -24px; }
ul#sub_navi li#sub_03 a.current_subContents { background-position: 100%  -48px; }
ul#sub_navi li#sub_04 a.current_subContents { background-position: 100%  -72px; }
ul#sub_navi li#sub_04_2 a.current_subContents { background-position: 100%  -216px; }
ul#sub_navi li#sub_04_3 a.current_subContents { background: url(images/sub_outl2.png) 100%  -216px !important; }
ul#sub_navi li#sub_04_4 a.current_subContents { background: url(images/sub_outl3.png) 100%  -216px !important; }
ul#sub_navi li#sub_05 a.current_subContents { background-position: 100%  -96px; }
ul#sub_navi li#sub_06 a.current_subContents { background-position: 100% -120px; }
ul#sub_navi li#sub_07 a.current_subContents,ul#sub_navi li#sub_yobo a.current_subContents { background-position: 100% -144px; }
ul#sub_navi li#sub_08 a.current_subContents { background-position: 100% -168px; }
ul#sub_navi li#sub_09 a.current_subContents { background-position: 100% -192px; }
ul#sub_navi li#sub_10 a.current_subContents { background-position: 100% -216px; }

#content_4 ul#sub_navi li a.nohref {
	background: url(images/sub_cons_disabled.png) no-repeat;}

ul#sub_navi li#sub_01 a.nohref { background-position: 0      0; }
ul#sub_navi li#sub_02 a.nohref { background-position: 0  -24px; }
ul#sub_navi li#sub_03 a.nohref { background-position: 0  -48px; }
ul#sub_navi li#sub_04 a.nohref { background-position: 0  -72px; }
ul#sub_navi li#sub_05 a.nohref { background-position: 0  -96px; }
ul#sub_navi li#sub_06 a.nohref { background-position: 0 -120px; }
ul#sub_navi li#sub_07 a.nohref { background-position: 0 -144px; }
ul#sub_navi li#sub_08 a.nohref { background-position: 0 -168px; }
ul#sub_navi li#sub_09 a.nohref { background-position: 0 -192px; }
ul#sub_navi li#sub_10 a.nohref { background-position: 0 -216px; }



/*------------------------------------------------------------------------------
　フッター
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
#footer {
	background: url(images/bg_footer.png) repeat-x bottom;
}
#footer #inner_footer {
	margin: 0 auto;
	width: 900px;
}
#pagetop {
	float: right;
	text-indent: -9999px;
	width: 144px;
	height: 27px;
	background: url(images/pagetop.png) no-repeat;
}
#pagetop a {
	display: block;
	width: 144px;
	height: 27px;
}
ul#foot_menu {
	margin-top: 10px;
}
ul#foot_menu li {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	background: url(images/arrow_02.png) no-repeat 0 0.5em;
}
ul#foot_menu li a {
	color: #333333;
}
ul#foot_menu li a:hover {
	color: #006633;
	text-decoration: underline;
}
#copy {
	float: right;
	margin-top: 50px;
	color: #333333;
}