@charset "Shift-JIS";
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　基本設定
----------------------------------------------------------------------------------------*/
*{margin: 0px;padding: 0px;}
img{border: 0px;vertical-align:top;}
body {
	font-size: 10pt;
	line-height: 12pt;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background:#ffffff url(images/background.jpg) repeat-x top;
	word-break:break-all;
}

li{ list-style-type: none;}

a:link {color: #917348;text-decoration:underline;}
a:visited {color: #917348;text-decoration:underline;}
a:hover {color: #917348;text-decoration:none;}
a:active {color: #917348;text-decoration:underline;}

/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　文字設定
----------------------------------------------------------------------------------------*/
.fontsize8_linehi12 {
	font-size: 8pt;
	line-height: 12pt;
}
.fontsize10_linehi14 {
	font-size: 10pt;
	line-height: 14pt;
}
.fontsize12_linehi18 {
	font-size: 12pt;
	line-height: 18pt;
}
h1, h2, h3, h4, h5, h6{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10pt;
	line-height: 14pt;
	font-weight:normal;
}
.font_red{color:#FF0000;}
.bold{ font-weight:bold;}
.font-red{color:red;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　全体
----------------------------------------------------------------------------------------*/
#outline{
	margin:0 auto;
	text-align: left;
}
#outline_bg{
}


.both{clear:both;height:1px;}
.both10{clear:both;height:10px;}
.both20{clear:both;height:20px;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　  　header
----------------------------------------------------------------------------------------*/
#header_catch{
	width:760px;
	height:19px;
	margin:0 auto -19px;
	position:relative;
	z-index:1;
	text-indent:15px;
	font-size: 8pt;
	color: #FFFFFF;
}
#header{  
	width:760px;
	height:102px;
	background: url(images/header_bg.gif) top no-repeat;
	margin:18px auto 15px;
	color:#414141;
	position: relative;	
}
#header #header_left {
	position: absolute;
	top: 25px;
	left: 10px;
}
#logo{
	margin-top:0;
}
#logo_text{
	margin-top:20px;
	font-size:20pt;
}
#header #header_text{
	width:220px;
	position: absolute;	
	top:15px;
	right:0px;
	text-align:right;
	font-size:8pt;
}

/*----------------------------------------------------------------------------------------
                                       ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{ width:176px;float:left;display:inline; margin-left:2px;}

#navi {
	width:176px;
	background:url(images/navi_bg.gif) repeat-y top;
	margin-bottom:6px;
}
#search{
	background:#FFFFFF url(http://sk.skmeijin.jp/hs/admin/templates/variation/hs_65_5/01/images/search_bg.jpg) no-repeat bottom;
	padding:10px 5px 15px;
	}

#navi #navi_top{
	width:176px;
	height:50px;
	background:url(images/navi_top.gif) no-repeat top;
 	font-size:0px;
	line-height:0px;	
	}
#navi #navi_bottom{
	width:176px;
	height:8px;
	font-size:0px;
	line-height:0px;
	background:url(images/navi_bottom.gif) no-repeat top; 
}
#navi a{
	margin-bottom:1px;
	padding:4px 0px 5px;
	font-size: 10pt;
	line-height: 12pt;
	text-indent:15px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#navi_btn{
	width:164px;
	margin-left:6px;
}
#navi .navi_01 {width: 164px; background: url(images/navi_on.gif) left top no-repeat;}
#navi .navi_01 a{width: 164px; background: url(images/navi.gif) left top no-repeat;}
#navi .navi_01 a:hover{width: 164px;background: url(images/navi_on.gif) left top no-repeat;}

#navi .navi_text {padding:5px 0px 10px 15px;font-size:8pt;}


#navi a:link {color: #FFFFFF;text-decoration:none;}
#navi a:visited {color: #FFFFFF;text-decoration:none;}
#navi a:hover {color: #FFFFFF;text-decoration:none;font-weight:bold;}
#navi a:active {color: #FFFFFF;text-decoration:none;font-weight:bold;}


/*--ナビゲーション（マイページ部分）--*/
.mypage {
	width:170px;
	margin:0 auto 5px;
	background: url(images/mypage_bg.gif) repeat-y;
}

.mypage .mapage_title{
	width:170px;
	background: url(images/mapage_title.gif) no-repeat;
	padding:16px 0 12px 0;
	margin:0 auto 5px;	
	text-indent:40px;
	line-height:14px;
	font-weight:bold;
	text-decoration:underline;		
}

.mypage .mypage_bottom{
	width:170px;
	height:10px;
	background: url(images/mypage_bottom.gif) no-repeat top;
}

.mypage .mypage_text {padding:5px 15px;}


/*--ナビゲーション（事業地域）--*/
.jigyou{
	width:170px;
	margin:0 auto 5px;
	background: url(images/mypage_bg.gif) repeat-y;
}
.jigyou_title{
	width:170px;
	background: url(images/mapage_title.gif) no-repeat;
	padding:16px 0 12px 0;
	margin:0 auto 5px;	
	text-indent:40px;
	line-height:14px;
	font-weight:bold;
	text-decoration:underline;		
}
.jigyou_text {padding:5px 15px 10px;}
.jigyou_bottom{
	width:170px;
	height:10px;
	background: url(images/mypage_bottom.gif) no-repeat top;
}


/*--ナビゲーション（事業地域）--*/
#reform{
	width:170px;
	margin:0 auto 10px;
	background: url(images/reform_bg.gif) repeat-y;
}
#reform_top{height:6px;background: url(images/reform_top.gif);}
#reform_img{text-align:center; padding:5px 0;}
#reform_line{height:1px;background:url(images/reform_line.gif) no-repeat;}
#reform_text {padding:5px 15px;font-size: 8pt;line-height: 12pt;}
#reform_bottom{height:10px;background: url(images/reform_bottom.gif) ;}

/*----------------------------------------------------------------------------------------
                                    メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{
	width:760px;
	margin:auto;
	background: url(images/page_body_bg.jpg) repeat-y top;		
}

#contents{
	width:580px;
	background: url(images/contents_bg.jpg) repeat-y top;
	padding-top:0px;
	float:left;
}
#main_visual{
	width:760px;
	height:240px;
	background:url(images/l_main_img.jpg) no-repeat;
	margin:0 auto;
	position:relative;	
}
.main_text{
	font-size:10pt;
	line-height:12pt;
	font-weight:bold;
	text-align: left;
	color:#ffffff;
	position:absolute;
	bottom:25px;
	left:20px;	
}
#contents .contents_01{width:545px;margin:0px 0 10px 18px;}
#contents .contents_02{
	width:545px;
	margin:0 0 0 18px;
	background:url(images/contents_02.gif) repeat-y top;
}

/*------------------------------
      　フリーページ
------------------------------*/
.mypage_con_midashi{
	width:545px;
	height:22px;
	background:url(images/mypage_con_midashi.jpg) no-repeat;
	margin:10px 0 14px 0;
	padding:7px 0px 6px;
	font-size:11pt;
	line-height:14px;
	font-weight:bold;
	text-indent:25px;
}
.top_con_photo{
	width:168px;
	background:url(images/top_con_photo_bg.gif) repeat-y;
	text-align:center;
	margin:0 10px;
	float:left;
	display:inline;
}
.con_photo_top{ height:4px; background:url(images/con_photo_top.gif) no-repeat;}
.con_photo_bottom{ height:4px; background:url(images/con_photo_bottom.gif) no-repeat;}
.con_syosai{ text-align:right;}

.mypage_con_text{ width:350px; float:left;}
.mypage_con_syosai{ margin-top:20px; clear:both; text-align:right;}

/*------------------------------
   　　　固定ページ
------------------------------*/
.con_midashi{
	width:545px;
	height:20px;
	margin-bottom:15px;
	padding:7px 0px 10px;
	text-indent:30px;
	background: url(images/con_midashi.jpg) no-repeat top;
	font-size:11pt;
	line-height:14pt;
	font-weight:bold;
}
.con_text{
	width:380px;
	margin:0px 0 15px 15px;
	float:left;
	display:inline;
}
.con_photo02{
	width:126px;
	margin-left:10px;	
	background:url(images/con_photo02_bg.gif) repeat-y;
	text-align:center;
	float:left;
}
.con_photo_top02{ height:3px; background:url(images/con_photo_top02.gif) no-repeat;}
.con_photo_bottom02{ height:3px; background:url(images/con_photo_bottom02.gif) no-repeat;}

.con_bottom{
	height:5px;
	background: url(images/con_bottom.gif) ;
	margin-top:10px;
	clear:both;	
}

/*------------------------------
       会社概略+新着情報
------------------------------*/

#what_new_01{width:269px;float:left;background:url(images/gairyaku_bg.jpg) left top repeat-y;}

#new_title{
	height:27px;
	background:url(images/new_title.jpg) left top no-repeat;
	text-indent: -999em;
}
#new_bg{background:url(images/gairyaku_bg.jpg) ;}
#new_bottom{height:10px;background:url(images/gairyaku_bottom.jpg) ;}

#new_text_01{padding:5px 15px;}

.new_line{
	height:1px;
	clear:both;
}
#gairyaku_title{
	width:269px;
	height:27px;
	text-indent: -999em;
	background:url(images/gairyaku_title.jpg) left top no-repeat;
}
#gairyaku{width:269px;float:left;margin-right:5px;}
#gairyaku_bg{background:url(images/gairyaku_bg.jpg);}
#gairyaku_bottom{height:10px;background:url(images/gairyaku_bottom.jpg) ;}
.info_text{width:250px;padding:5px 5px 5px 15px;}
.info_text li{float:left;}
.info_li01 {width:70px;}
.info_li02 {width:170px;}
.info_line{
 height:1px;
 margin:1px 0px 1px 0px;
 clear:both;
}



/*------------------------------
       新着情報のみ表示
------------------------------*/
#contents_01{width:550px;background:url(images/l_gairyaku_bg.jpg) left top repeat-y;}
#what_new_02{width:550px;}
#new_text_02 img{padding:10px;}
#new_title_02{
	width:550px;
	height:27px;
	text-indent: -999em;
	background:url(images/l_new_title.jpg) left top no-repeat;
}
#new_text_02{padding:0 10px;}
#new_bottom_02{ width:550px; height:17px;background:url(images/l_new_bottom.jpg) top no-repeat;}



/*------------------------------
     　メール新聞+URL送信
------------------------------*/
#form{
	width:545px;
	background: url(http://sk.skmeijin.jp/hs/admin/templates/variation/hs_65_5/01/images/form_bg.gif) repeat-y;
}
#mail_top{height:21px;background: url(images/mail_top.gif);text-indent:-999em}
#mobile_top{height:21px;background: url(images/mobile_top.gif);text-indent:-999em;}

.form_text{ padding:5px 10px 5px 10px;}
.form_radio{padding:0px 10px 0px 10px;float:right}
.form_right{text-align:right;margin-right:10px;}
.form_textfield{padding:0px 10px 0px 10px;margin-bottom:10px;float:right;}
.input_01{width:180px;}
.input_02{
	width:40px;
	border: 1px solid #BBAE9D;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #65422C;
}

#form_bottom{height:22px;background: url(http://sk.skmeijin.jp/hs/admin/templates/variation/hs_65_5/01/images/form_bottom.gif);}



/*----------------------------------------------------------------------------------------
                                         footer
----------------------------------------------------------------------------------------*/
#footer{
	background:#ffffff;
}

#footer a:link {color: #666666;text-decoration:underline;}
#footer a:visited {color: #666666;text-decoration:underline;}
#footer a:hover {color: #666666;text-decoration:none;}
#footer a:active {color: #666666;text-decoration:none;}

#footer_line{
	width:760px;
	height:30px;
	margin:auto;
	background: url(images/footer_line.jpg) no-repeat top;
}
#footer_link{
	width:760px;
	margin:auto;
	padding:15px 0 10px;
	background:#F1F1F1 url(images/footer_link.gif) no-repeat bottom;	
}
#footer_link_in a {
	padding-right: 0.5em;
	border-right: 1px solid #CCCCCC;
	display: inline;
	zoom: 1;
}
#footer_link_in{
	width:700px;
	margin:auto;
	text-align:left;
}
#footer_copyright{
	width:760px;
	font-size:8pt;
	text-align:center;
	color: #cacaca;
	background-color:#292929;
	padding:0px;
	margin:0 auto;
}
@media print{
body{
	width:770px;
	margin:0 auto;
	background:#FFFFFF;
	}
}
