@charset "utf-8";


@import "contents.css";



/*-- default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

body {
	font-family:"MS PGOTHIC",arial,helvetica,clean,sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	text-align: center;
	line-height: 1.6;
	color: #444444;
	background-color: #ffffff;
	background:url(../image/img_gloval_navi_repeat.gif) repeat-x 0 83px;
}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,strong,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
    border-style: none;
    vertical-align: bottom;}
		
ul,ol {list-style: none;}

strong,em {font-style: normal;}

a {
	color:#333333; 
	text-decoration:none;}


/*-- clearfix ---------------------*/
#wrapper .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#wrapper .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */



/*-- all id & class ---------------------*/
.f10p { font-size:80%;}
.f11p { font-size:90%;}
.f14p { font-size:120%;}
.f11px { font-size:11px;} 

.txt_ind_1 { text-indent: -0.8em; padding-left:0.8em;}
.txt_ind_2 { text-indent: -1.5em; padding-left:1.5em;}
.txt_ind_dot { text-indent: -0.5em; padding-left:0.5em;}
.txt_ind_num { text-indent: -1.6em; padding-left:1.6em;}


.block {display: block;}
.underline{ text-decoration:underline;}

.line_01_l{ background:url(../image/img_line_01.gif) repeat-y left;}
.line_02_b{ background:url(../image/img_line_02.gif) repeat-x bottom;}
.line_02_t{ background:url(../image/img_line_02.gif) repeat-x top;}

.border_glay{border:1px solid #CCC;}

.f_red { color:#900;}
.f_green { color:#2B7160;}
.f_glay { color:#aaaaaa;}
.f_mglay { color: #666;}

.bg_blue{background-color:#e5eeeb;}

.v_top{ vertical-align: top;}
.v_middle{ vertical-align:middle;}
.v_bottom{ vertical-align: baseline;}

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.f_bold {font-weight: bold;}

.m_top1 {margin-top: 1px;}
.m_top4 {margin-top: 4px;}
.m_top8 {margin-top: 8px;}
.m_top12 {margin-top: 12px;}
.m_top16 {margin-top: 16px;}
.m_top24 {margin-top: 24px;}
.m_top32 {margin-top: 32px;}
.m_top40 {margin-top: 40px;}
.m_right2 {margin-right: 2px;}
.m_right4 {margin-right: 4px;}
.m_right6 {margin-right: 6px;}
.m_right8 {margin-right: 8px;}
.m_right9 {margin-right: 9px;}
.m_right10 {margin-right: 10px;}
.m_right12 {margin-right: 12px;}
.m_right16 {margin-right: 16px;}
.m_right24 {margin-right: 24px;}
.m_right32 {margin-right: 32px;}
.m_bottom4 {margin-bottom: 4px;}
.m_bottom8 {margin-bottom: 8px;}
.m_bottom12 {margin-bottom: 12px;}
.m_bottom16 {margin-bottom: 16px;}
.m_bottom20 {margin-bottom: 20px;}
.m_bottom24 {margin-bottom: 24px;}
.m_bottom32 {margin-bottom: 32px;}
.m_left4 {margin-left: 4px;}
.m_left8 {margin-left: 8px;}
.m_left12 {margin-left: 12px;}
.m_left16 {margin-left: 16px;}
.m_left20 {margin-left: 20px;}
.m_left24 {margin-left: 24px;}
.m_left32 {margin-left: 32px;}

.p_top4 {padding-top: 4px;}
.p_top8 {padding-top: 8px;}
.p_top12 {padding-top: 12px;}
.p_top16 {padding-top: 16px;}
.p_top20 {padding-top: 20px;}
.p_top24 {padding-top: 24px;}
.p_top32 {padding-top: 32px;}
.p_right4 {padding-right: 4px;}
.p_right8 {padding-right: 8px;}
.p_right12 {padding-right: 12px;}
.p_right24 {padding-right: 24px;}
.p_right32 {padding-right: 32px;}
.p_bottom4 {padding-bottom: 4px;}
.p_bottom6 {padding-bottom: 6px;}
.p_bottom8 {padding-bottom: 8px;}
.p_bottom12 {padding-bottom: 12px;}
.p_bottom16 {padding-bottom: 16px;}
.p_bottom24 {padding-bottom: 24px;}
.p_bottom32 {padding-bottom: 32px;}
.p_left8 {padding-left: 8px;}
.p_left12 {padding-left: 12px;}
.p_left20 {padding-left: 20px;}
.p_left24 {padding-left: 24px;}
.p_left32 {padding-left: 32px;}


.w130p { width:130px;}
.w146p { width:146px;}
.w150p { width:150px;}
.w162p { width:162px;}
.w170p { width:170px;}
.w177p { width:177px;}
.w174p { width:174px;}
.w180p { width:180px;}
.w185p { width:185px;}
.w198p { width:198px;}
.w195p { width:195px;}
.w200p { width:200px;}
.w225p { width:225px;}
.w248p { width:248px;}
.w254p { width:254px;}
.w260p { width:260px;}
.w268p { width:268px;}
.w280p { width:280px;}
.w299p { width:299px;}
.w309p { width:309px;}
.w320p { width:320px;}
.w330p { width:330px;}
.w339p { width:339px;}
.w358p { width:358px;}
.w360p { width:360px;}
.w364p { width:364px;}
.w370p { width:370px;}
.w380p { width:380px;}
.w390p { width:390px;}
.w400p { width:400px;}
.w420p { width:420px;}
.w421p { width:421px;}
.w444p { width:444px;}
.w448p { width:448px;}
.w438p { width:438px;}

/*-- layout ---------------------*/
#wrapper {
}

#container {
	width:860px;
	margin: 0 auto;
	text-align: left;
	}



/*-- header ---------------------*/
#header {
	position: relative;
	width: 860px;
	font-size:11px;}
	
#header a:hover {text-decoration:underline;}

#sub_navi {
	position: absolute;
	top: 12px;
	right: 0px;
	font-size:0;
}
	
#sub_navi li { float:left;}
	
#support_navi{
	position: absolute;
	right: 0px;
	top: 45px;
	width:450px;
}

#gloval_navi {
	width:861px;
	}

#gloval_navi li{
	float:left;
	margin-top:16px;
}


/*-- 検索 --*/
#search_wrap{
	position:absolute;
	top:0;
	left:0;
}

#search .space {
border:1px solid #cccccc;
font-size:12px;
height:16px;
left:0;
padding:2px;
position:absolute;
top:0;
width:159px;
}

#search .search_btn {
height:22px;
width:51px;
left:158px;
position:absolute;
top:0;
}

/*-- 印刷--*/
#print{
	position:absolute;
	top:0;
	left:218px;
}

/*-- 文字サイズ変更 --*/
body.fontL {font-size: 14px;}
body.fontM {font-size: 12px;}
body.fontS {font-size: 10px;}

#font_size_box{
	position:absolute;
	left:284px;
	top:0; }
#font_size dt{ float:left;}
#font_size dd{ float:right;}
#font_size li{float:left;}

#small a,
#small a:hover {
	display: block;
	width: 30px;
	height: 22px;
	background: url(../image/size_small_off.gif) no-repeat 0 0;
	overflow: hidden;}

#small a:hover {background: url(../image/size_small_on.gif) no-repeat 0 0;}

#medium a,
#medium a:hover {
	display: block;
	width: 31px;
	height: 22px;
	background: url(../image/size_middle_on.gif) no-repeat 0 0;
	overflow: hidden;}

#medium a:hover {background: url(../image/size_middle_on.gif) no-repeat 0 0;}

.fontS #medium a,
.fontL #medium a {background: url(../image/size_middle_off.gif) no-repeat 0 0;}
.fontS #medium a:hover,
.fontL #medium a:hover {background: url(../image/size_middle_on.gif) no-repeat 0 0;}

#large a,
#large a:hover {
	display: block;
	width: 31px;
	height: 22px;
	background: url(../image/size_large_off.gif) no-repeat 0 0;
	overflow: hidden;}

#large a:hover {background: url(../image/size_large_on.gif) no-repeat 0 0;}

.fontS #small a {
	display: block;
	width: 30px;
	height: 22px;
	background: url(../image/size_small_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontM #medium a {
	display: block;
	width: 31px;
	height: 22px;
	background: url(../image/size_middle_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontL #large a {
	display: block;
	width: 31px;
	height: 22px;
	background: url(../image/size_large_on.gif) no-repeat 0 0;
	overflow: hidden;}


/*-- パン屑 --*/
#breadcrumbs{
	clear:both;
	font-size:11px;
	height:42px;
	width:860px;}
	
#breadcrumbs li{ 
	float:left; 
	margin:15px 8px 0 0;
}
#breadcrumbs a{text-decoration:underline;}




/*-- フラッシュエリア ---------------------*/

#flash_area{ padding-top:12px; margin-bottom:12px; width:860px; height:251px;}



/*-- 左カラム ---------------------*/
#left_box {
	padding-right:10px;
	float:left;
	width:211px;}
	


/*-- 中央カラム ---------------------*/
#center_box{
	float:left;
	width:442px;
}

#center_box dl {
	padding:20px;
	background:url(../image/img_line.gif) bottom center no-repeat;
}
#center_box dt {
	width:100px;
	float:left;
	font-weight:bold;
	color:#444444;
}

#center_box dd {
	width:302px;
	float:right;
}

.pdf {
	margin:0 0 0 4px;
}


#center_box dl a{color:#2b7160;}
#center_box dl a:hover {color:#78a69b;}

* html #center_box dd { line-height:1.8} /* end IE6_hack */
* html #center_box dd img { margin-top:4px;} /* end IE6_hack */

/*-- 右カラム ---------------------*/
#right_box{
	float:right;
	width:187px; }

/*動画で見る会社紹介*/
.corporate_outer{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.corporate_inner {
	padding:0px 4px 0px 6px;
}
.corporate_p {
	font-size:80%; 
	background:url(../image/img_line2.gif) top center no-repeat;
	padding: 4px 4px 4px 4px;
}
.corporate_ul{margin-left:8px;}
.corporate_ul li{
	padding-left:12px;
	background:url(../image/img_icon_third.gif) no-repeat left;
	float:left;
}
.corporate_inner a { color:#2B7160; text-decoration:underline;}
.corporate_sub{	
	font-size:80%; 
	padding:0px 4px 4px 4px;}

/*-- 中面ローカルナビ ---------------------*/
#side_menu{ 
	width:177px;
	float:left;
	margin-right:21px;
	font-size:10%;
}

#menu_third {
	width:177px;
	background:url(../image/img_sidemenu_bg.gif) repeat-y;
}

#menu_third li{
	margin:0 10px 0 18px;
	padding-top:8px;


}
#menu_third a{
	font-size:1000%;
	display:block;
}




#side_menu_sub{
	background:url(../image/img_sidemenu_line.gif) top center no-repeat;
	font-size:1100%;
	margin-top:8px;
	padding-top:4px;
}

#side_menu_sub li {
	background:url(../image/img_icon_third.gif) left no-repeat;
	padding-left:12px;
	margin-left:4px;
}
#side_menu_sub a {
		color:#2B7160;
}

#side_menu_sub a:hover {
	text-decoration:underline;
}

/*-- 中面メインコンテンツ　共通 ---------------------*/

h1{
	height:42px;
	width:618px;
	background:url(../image/img_h1.jpg) no-repeat 0 0;
	font-weight:bold;
	line-height:2.8;
	padding-left:25px;
	font-size:15px;
	overflow: hidden;
}

h2{
	font-size:15px;
	font-weight:bold;
	background:url(../image/img_h2_bg.gif) no-repeat top left;
	height:47px;
	margin-bottom:8px;
	line-height:2.7;
	padding-left:12px;
	color:#094f42;
}

h3{
	font-size:100%;
	font-weight:bold;
	padding-left:12px;
	background:url(../image/img_h3_bg.gif) left repeat-y;
	margin-bottom:12px;
	color:#094f42;
}


h4{
	font-size:100%;
	font-weight:bold;
	color:#094f42;
}

h5{
	font-size:100%;
	font-weight:bold;
}

h6{
	height:42px;
	background:url(../image/img_h6_bg.gif) repeat-x top;
	font-weight:bold;
	line-height:3.0;
	font-size:14px;
	color:#FFF;
	overflow: hidden;
	margin-bottom:12px;
}

#main_inner a{color:#2b7160;}
#main_inner a:hover {text-decoration:underline;}

#main_contents{
	width:642px;
	float:left;
}

#main_inner{
	margin:16px 12px 12px 12px;
}





th,td,tr,table{
	margin:0; 
	padding:0;	
	border-collapse: collapse;
}

th,td {
	padding:4px;
	
}



/*-- footer ---------------------*/
#footer{background:url(../image/img_footer_repeat.gif) repeat-x;}

#footer_inner {
	height:60px;
	width:860px;
	margin:20px auto 0 auto;
	background: url(../image/img_footer.gif) no-repeat top left;
	text-align:right;
}

	
.footer_link_ul {
	clear:both;
	overflow: visible;
	width:663px;}
#footer_link_cp {
	width:663px;
	height:35px;
	background:url(../image/img_footer_link_bg.gif) top left no-repeat;
}
#footer_link_cp ul {margin:0px 0 0 200px;}
#footer_link_cp li{
	padding-left:12px;
	margin-top:6px;
	background:url(../image/img_icon_third.gif) no-repeat left;
	float:left;}
#footer_link_cp li a{color:#2B7160; text-decoration:underline;}

/*-- main ---------------------*/
#main {}