@charset='shift_jis';

/* CSS Document */







/*

　　	body

	     │

	     │

	     │

	     ├#header

	     │　  ｜

	     │　  ├#header_top

	     │　  ｜

	     │　  ├#header_logo

	     │　  ｜

	     │  　└#header_info

	     │

	     │

	     ├#container

	     │　  ｜

	     │　  ├#main_menu

	     │　  ｜

	     │　  ├#main_img

	     │　  ｜

	     │    └#wrap

	     │       ｜

	     │       ├#side

	     │       ｜

	     │       └#main

	     │

	     └#footer

	      

*/



/* =========== clearfix =========== */

.clearfix:after {

content: " ";  

display: block; 

visibility: hidden; 

clear: both; 

height: 0.1px; 

font-size: 0.1em; 

line-height: 0; 



}

.clearfix {

display: inline-table;

min-height: 1%;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */











/* =========== body =========== */



body {

	text-align:left;

	color: #2d2d2d;

	font-style: normal;

	font-weight: normal;

	font-size : 14px;

	text-decoration: none;

	background-color: #dddddd;

	line-height: 1.6em;

	font-family: "ＭＳ Ｐゴシック", "Osaka−等幅";

}



* html body {

    font-family: 'ＭＳ Ｐゴシック',sans-serif;

}



*:first-child+html body {

    font-family: 'ＭＳ Ｐゴシック',sans-serif;

}



/* IE7でpadding指定 */

*:first-child+html body {

padding-left: 1px;

}





/* IE6以下でpadding指定 */

*html body {

padding-left: 1px;

}



/* =========== IE(6)用印刷設定CSS =========== */



@media print{



/* \ */



* html body {

	zoom: 66%;/* WinIE only 649px÷印刷したい横幅×100 */

	}



.clearfix:after{

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.clearfix{

  overflow:hidden;

}

/* Hides from IE-mac \*/

* html .clearfix{

  height:1%;

  overflow:visible;

}

/* End hide from IE-mac */



}



/* =========== Firefoxでセンターがずれないようにするため =========== */

html {

	overflow-y:scroll;

}





/*   header   */

#header {

	height: 116px;

	width: 950px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../../_images/common/header_bg.gif);

	background-repeat: no-repeat;

	background-position: center top;

	padding-right: 7px;

	padding-left: 7px;

}





#header_top {

	height: 19px;

}



#header_top h1 {

	overflow: hidden;

	color: #999999;

	font-size: 10px;

	font-weight:normal;

	height: 19px;

	line-height: 19px;

	margin-right: auto;

	margin-left: auto;

}



#header_logo {

	float: left;

	height: 97px;

	width: 356px;

	margin: 0px;

	display: block;

}



#header_info {

	height: 77px;

	width: 206px;

	float: right;

	text-align: right;

	position: relative;

}

#header_counter {

	width: 190px;

	height: 20px;

	overflow: hidden;

	position: absolute;

	top: 20px;

	right: 8px;

	text-align: right;

}

#header_fontcange {

	background-image: url(../../_images/common/font_bg.gif);

	background-repeat: no-repeat;

	height: 31px;

	width: 185px;

	overflow: hidden;

	padding-right: 11px;

	margin-top: 12px;

	position: absolute;

	left: 0px;

	top: 40px;

}



#header_fontcange .font_btn {

	float: right;

	font-size: 0px;

	line-height: 0px;

	color: #E8E8E8;

}

#header_fontcange .font_btn a {

	display: block;

}







#header_fontcange #font_large {

	background-image: url(../../_images/common/font_large.jpg);

	background-repeat: no-repeat;

	height: 31px;

	width: 24px;

}

#header_fontcange #font_normal {

	background-image: url(../../_images/common/font_normal_on.jpg);

	background-repeat: no-repeat;

	height: 31px;

	width: 24px;

}

#header_fontcange #font_small {

	background-image: url(../../_images/common/font_small.jpg);

	background-repeat: no-repeat;

	height: 31px;

	width: 24px;

}



/*   wrap   */



#container {

	background-image: url(../../_images/common/container_bg.gif);

	background-repeat: repeat-y;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	padding-right: 7px;

	padding-left: 7px;

	margin-top: 0px;

	margin-bottom: 0px;

}

ul#main_menu {

	height: 58px;

	width: 950px;

	list-style-type: none;

	overflow: hidden;

}

ul#main_menu li {

	float: left;

	margin: 0px;

	padding: 0px;

}



#main_img {

	width: 948px;

	height: 349px;

	background-color: #8dd5aa;

	position: relative;

	margin-top: 1px;

	margin-right: 1px;

	margin-bottom: 15px;

	margin-left: 1px;

}

#main_img .photo {

	position: absolute;

	left: 0px;

	top: 0px;

}

#main_img .type {

	font-size: 17px;

	line-height: 36px;

	width: 8em;

	position: absolute;

	top: 16px;

	right: 47px;

	text-align: center;

	color: #105a2d;

}

#main_img .btn {

	height: 61px;

	width: 61px;

	position: absolute;

	right: 12px;

	bottom: 12px;

}



/*   wrap   */



#wrap {

	width: 950px;

	margin-right: auto;

	margin-left: auto;

}





/*   main   */

#main_contents {

	float: left;

}

#main_contents p {

	margin-bottom: 0.8em;

}

#top #main_contents {

	padding-left: 20px;

	width: 673px;

}

#second  #main_contents {

	width: 692px;

}





/*   side   */

#side {

	float: right;

	min-height:100px;

}

#top #side  {

	width: 218px;

	padding-right: 20px;

}

#second #side {

	width: 218px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

}



body#second #side {

	width: 218px;

}



#container #wrap #side #health_info {

	padding: 8px;

	width: 200px;

	border: 1px solid #bdbcbd;

	margin-bottom: 20px;

}

#container #wrap #side #health_info ul.health_info {

	border: 1px dotted #999999;

	padding: 12px;

	list-style-type: none;

}

#container #wrap #side #verisign {

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: dotted;

	border-bottom-style: dotted;

	border-top-color: #bfbfbf;

	border-bottom-color: #bfbfbf;

	font-size: 10px;

	color: #000000;

	padding-bottom: 5px;

	margin-bottom: 20px;

}

#container #wrap #side #yahoo {

	margin-bottom: 20px;

}





/*   footer   */

#footer {

	width: 964px;

	background-repeat: no-repeat;

	text-align: center;

	height: 157px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../../_images/common/footer_bg02.gif);

	background-position: left top;

	overflow: hidden;

	position: relative;

}

#footer #f_menu {

	font-size: 12px;

	color: #676767;

	position: absolute;

	top: 12px;

	width: 964px;

	left: 0px;

}



#footer #f_info {

	color: #FFFFFF;

	width: 260px;

	position: absolute;

	top: 80px;

	text-align: left;

	font-size: 10px;

	right: 10px;

	height: 34px;

	background-image: url(../../_images/common/f_info_bg.gif);

	background-repeat: no-repeat;

	padding-left: 30px;

	line-height: 18px;

}





#footer #f_credit {

	color: #FFFFFF;

	width: 964px;

	position: absolute;

	top: 120px;

	font-size: 10px;

	left: 0px;

}











/*float*/

.fi_left {

	float: left;

}



.fi_right {

	float: right;

}



.clear_both {

	clear: both;

}



.clear_br {

	clear: both;

	font-size: 0px;

	line-height: 0px;

	height: 0px;

}