@charset "UTF-8";
/*
Theme Name:アース開発株式会社
Theme URI:http://www.narts.jp/
Description:アース開発株式会社用テーマ
Author URI:http://www.narts.jp/
Version:1.0
*/

/****************************************

	セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

img{
	vertical-align:bottom;
	}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	font-size:15px;
	line-height:1.4;
	background-color:#FFFFFF;
	-webkit-text-size-adjust:100%;
	}

a{color:#0086CB; text-decoration:underline;}
a:hover{color:#0086CB; text-decoration:none;}


/* For modern browsers */
.cf:before,
.cf:after{
    content:"";
    display:block;
    overflow:hidden;
	}
.cf:after{
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.cf{
    zoom:1;
	}



/*************************************************************

	サイズ調整

*************************************************************/
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.uLine {text-decoration: underline !important;}
.vaTop {vertical-align: top !important;}
.vaMid {vertical-align: middle !important;}
.vaBot {vertical-align: bottom !important;}

.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fB {font-weight: bold !important;}
.fwN {font-weight: normal !important;}

.lh14 {line-height: 1.4;}
.lh16 {line-height: 1.6;}
.lh18 {line-height: 1.8;}
.lh20 {line-height: 2.0;}

.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}



@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}


/****************************************

	ヘッダ

*****************************************/
#header{background:#FFFFFF; background-image:url("images/common/bg_header_01.gif"); background-repeat:repeat-x; background-position:left top;}
#header_inner{width:960px; margin:0 auto;}

#logo{width:715px; float:left;}
h1{padding:32px 0 0 0;}

#header_info{width:245px; float:left;}
#header_tel{text-align:right; padding:38px 2px 5px 0;}
#header_contact{text-align:right; padding:0 0 27px 0;}



/****************************************

	グローバルナビ

*****************************************/
#gnavi{height:57px; background-image:url("images/common/bg_navi_01.png"); background-repeat:repeat-x; background-position:left top;}
#gnavi ul{width:960px; margin:0 auto;}
#gnavi ul li{float:left;}



/****************************************

	タブレット、スマホ用グローバルナビ

*****************************************/
#sp_gnavi{display:none;}



/****************************************

	メインビジュアル

*****************************************/
#mainvisual{height:470px; background-image:url("images/top/bg_visual_01.gif"); background-repeat:repeat-x; background-position:left top;}
#mainvisual_inner{width:960px; margin:0 auto;}

#subvisual{background-image:url("images/common/bg_subvisual_01.gif"); background-repeat:repeat-x; background-position:left top;}
#subvisual_inner{width:960px; height:150px; margin:0 auto; background-image:url("images/common/bg_subvisual_02.jpg"); background-repeat:no-repeat; background-position:center top;}
#subvisual_inner h2{padding:55px 0 0 20px; font-size:30px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -webkit-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -ms-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);}

#subvisual_company_inner{width:960px; height:150px; margin:0 auto; background-image:url("images/common/bg_subvisual_company.png"); background-repeat:no-repeat; background-position:center top;}
#subvisual_company_inner h2{padding:55px 0 0 20px; font-size:30px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -webkit-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -ms-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);}

#subvisual_access_inner{width:960px; height:150px; margin:0 auto; background-image:url("images/common/bg_subvisual_access.png"); background-repeat:no-repeat; background-position:center top;}
#subvisual_access_inner h2{padding:55px 0 0 20px; font-size:30px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -webkit-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -ms-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);}

#subvisual_contact_inner{width:960px; height:150px; margin:0 auto; background-image:url("images/common/bg_subvisual_contact.png"); background-repeat:no-repeat; background-position:center top;}
#subvisual_contact_inner h2{padding:55px 0 0 20px; font-size:30px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -webkit-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); -ms-text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);}



/****************************************

		フッター

*****************************************/
#footer{background-image:url("images/common/bg_footer_01.gif"); background-position:left top;}
#footer_inner{width:960px; margin:0 auto;}

#footer_copyright{}
#footer_copyright p{text-align:center; color:#FFFFFF; font-size:14px; line-height:1.4; font-weight:bold; padding:10px 0 5px 0;}

#footer_info{}
#footer_info p{text-align:center; color:#FFFFFF; font-size:14px; line-height:1.4; padding:0 0 10px 0;}



/****************************************

	テンプレート

*****************************************/
#contents{width:960px; margin:35px auto;}


#main_tower{width:680px; float:left;}
#side_tower{width:252px; float:right;}


#side_greeting{}
#side_greeting p{margin:0 0 20px 0;}


#side_contact{border:1px solid #BFBFBF; background:#FFFFFF; margin:0 0 20px 0;}
#side_contact p.image{padding:0 0 13px 0;}
#side_contact p.tel{padding:0 0 11px 0; text-align:center;}
#side_contact p.fax{padding:0 0 16px 0; text-align:center;}
#side_contact p.btn{padding:0 0 14px 0; text-align:center;}


#side_btn{}
#side_btn p{margin:0 0 20px 0;}


#side_menu{background:#E8E8E8; font-size:15px; color:#000000; line-height:1.4; margin:0 0 20px 0;}
#side_menu ul{padding: 20px 0 15px 0;}
#side_menu ul li{background-image: url("images/common/prt_arrow_03.gif"); background-repeat: no-repeat; background-position: 20px 6px; padding:0 0 8px 35px;}
#side_menu ul li a{color:#333333; text-decoration:none;}
#side_menu ul li a:hover{color: #333333; text-decoration:underline;}



#main_tower h2{border-top:3px solid #0A4F18; padding:12px 15px; background-image:url("images/common/bg_h2_contents_01.gif"); background-position:top left; margin-bottom:20px; color:#FFFFFF; font-size:18px; line-height:1.2; font-weight:bold;}
#main_tower h2 a{color:#FFFFFF; text-decoration:none;}
#main_tower h2 a:hover{color:#FFFFFF; text-decoration:none;}

#main_tower h3{border-bottom:3px solid #0E7022; padding:5px 0 10px 0; margin-bottom:15px; color:#333333; font-size:16px; line-height:1.2; font-weight:bold;}

#main_tower h4{border-bottom:2px dotted #0E7022; padding:5px 0 10px 0; margin-bottom:15px; color:#333333; font-size:16px; line-height:1.2; font-weight:bold;}

#main_tower p{margin-bottom:20px; color:#333333; font-size:15px; line-height:1.6;}

#main_tower table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #259600;}
#main_tower table th{background-color:#EEEEEE; padding:9px; border:1px solid #259600; border-right:none; color:#333333; font-weight:normal; font-size:15px; text-align:left;}
#main_tower table td {background-color:#FFFFFF; padding:9px; border:1px solid #259600; border-left:none; color:#333333; font-size:15px;}

#main_tower table#result {margin:0 0 10px 0; border:none;}
#main_tower table#result th{background-color:#FFFFFF; padding:9px; border:1px solid #b3b3b3; border-top:none; border-right:none; border-left:none; color:#333333; font-weight:normal; font-size:15px; text-align:left;}
#main_tower table#result td {background :none; border:1px solid #b3b3b3; border-top:none; border-left:none; border-right:none; color:#333333; font-size:15px; text-align:reft; valign:top;}

#main_tower ul{padding:0 0 20px 0; color:#333333; font-size:15px; line-height:1.6;}
#main_tower ul li{background-image:url("images/common/prt_arrow_01.gif"); background-position:10px 7px; background-repeat:no-repeat; padding:0 0 0 22px;}
#main_tower ul li ul{padding:0}
#main_tower ul li ul li{background-image:url("images/common/prt_arrow_02.gif"); background-position:10px 7px; background-repeat:no-repeat; padding:0 0 0 20px;}

#main_tower img{height:auto; max-width:100%;}

#main_tower p#notes {background-color:#e8e8e8;}
#main_tower div#notes {background-color:#e8e8e8;}

#main_tower span.notes {font-size:90%; color:#000000; text-align:right;}
#main_tower div.work {text-align: left;　float: left; float: left;}
#main_tower div.category {text-align: right;}

#main_tower div#access {overflow:auto; zoom:1;}

.alignright{float:right; margin: 0 0 20px 10px;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto;}
.alignleft{float:left; margin:0 20px 10px 0;}

.breadcrumbs{color:#333333; font-size:15px; padding:0 0 20px 0;}
.breadcrumbs a{text-decoration:underline;}
.breadcrumbs a:hover{text-decoration:none;}

.news_post{text-align:right; margin:0 0 15px 0;}

/****************************************

	トップページ

*****************************************/
#top_tower{width:680px; float:left;}


#top_business{}
#top_business h2{padding:0 0 25px 0;}
#top_business p.txt{padding:0 0 25px 0; color:#000000; font-size:16px; line-height:1.4;}
#top_business p.btn{padding:0 0 35px 0;}


#top_btn{}
#top_btn ul{width:692px; margin:0 -12px 20px 0; overflow:hidden; _zoom:1;}
#top_btn ul li{float:left; margin:0 12px 0 0; width:334px;}


#top_news{border:1px solid #BFBFBF;}
#top_news h2{border:1px solid #FFFFFF; padding:12px 15px; background-image:url("images/common/bg_h2_contents_01.gif"); background-position:top left; color:#FFFFFF; font-size:18px; line-height:1.2; font-weight:bold;}
#top_news dl{margin:0 12px; font-size:15px;}
#top_news dt{float:left; width:125px; padding-top:10px; color:#1E40CD;}
#top_news dd{padding-top:10px; padding-bottom:5px; padding-left:125px; border-bottom:1px dotted #888888; color:#000000;}
#top_news dd a{color:#000000; text-decoration:none;}
#top_news dd a:hover{color:#666666; text-decoration:underline;}

#top_news p{text-align:right; padding:12px; color:#000000; font-size:15px; line-height:1.2;}
#top_news p a{color:#1E40CD; text-decoration:none;}
#top_news p a:hover{color:#1E40CD; text-decoration:underline;}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}

