@charset "UTF-8";
/*setagaya-design.com
Theme Name: EMS_style
Theme URl: http://www.8creative.main.jp
Description: 
Version: 1.3
Author: Yagi
*/

/***************************************************************************************************************************************************
■全体設定 
***************************************************************************************************************************************************/
@media screen and (min-width:641px){

/* CSSリセット-- */

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, p, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, 
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;
	
}

ol, ul, li{list-style: none; margin: 0;}

fieldset{margin:0,0,0,0px; border: none;}

img{vertical-align: bottom; }



/* 基本骨格-- */

html{height: 100%;}

body{
	height: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333; 
	min-width: 100%;
	font-size: 14px;
	zoom:1;
} /* 画面横幅を縮小した際に画像が切れないようにmin-width設定 */

#pc{height: 100%;}
#sp{display: none;}

#page{
	width: 100%;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	background-image: url(images/top-header-bg.jpg);
	background-size: contain;
	min-width: 1200px;
	background-repeat: no-repeat;
}



#wrapper{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 250px;
	margin: 0px auto;
	}


#contents{
	width:960px;
	height: auto;
	position: relative;
	display: block;
	margin: 0 auto 50px;
	padding: 0;
}

/* リンク-- */

a:link {color: #333; text-decoration: underline;}

a:visited {text-decoration: none; color: #666;}

a:hover {color: #999;}


/* パンくず-- */

#pankuzu{
	width: 500px;
	height: 15px;
	margin: 0 0 15px 0;
	font-size: 78%;
	line-height: 160%;
}

/* フロートクリア-- */

.clear{ clear: both; line-height: 0;}

.clearFix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}

/* 下線-- */
.underline{text-decoration: underline;}

/* ボトムマージン調整 */
.bottom5{margin-bottom: 5px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.bottom50{margin-bottom: 50px;}
.bottom60{margin-bottom: 60px;}
.bottom80{margin-bottom: 80px;}
.bottom90{margin-bottom: 90px;}
.bottom100{margin-bottom: 100px;}
.bottom150{margin-bottom: 150px;}
.bottom200{margin-bottom: 200px;}

/* フロート */
.float_l{float: left;}
.float_r{float: right;}

/***************************************************************************************************************************************************
■ヘッダー 
***************************************************************************************************************************************************/

#header{
	width: 960px;
	height: 90px;
	margin: 0 auto 120px;
	border: 0px #C3C solid;
	position: relative;
	overflow: hidden;
}

#header_copy{
	width: 960px;
	height: auto;
	margin: 0;
	font-size: 14px;
	font-weight: nomal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* お問い合わせ */

#header_inquiry{
	width: 322px;
	height: 75px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.header_address{
	width: 180px;
	height: 35px;
	padding: 0;
	float: left;
}

.header_tel{
	width: 230px;
	height: 35px;
	font-size: 20px;
	font-weight: bold;
	padding: 8px 0 0 0;
	clear: both;
}
.inquiry_btn a{
	width: 136px;
	height: 33px;
	background-image: url(images/inquiry-btn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 0 0 5px;
	display: block;
	float: left;
}

.inquiry_btn a:hover{
	opacity: 0.5; filter: alpha(opacity=50);
}

/* ロゴ部分 */

h1 a{
	background-image: url(images/companyname.png);
	background-repeat: no-repeat;
	width: 575px;
	height: 29px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	margin: 10px 0 30px 0;
}

/* グローバルメニュー */

#global_menu{
	width: 100%;
	height: 40px;
	background-color: #4C4948;
	position: absolute;
	top: 120px;
	overflow: hidden;
	display: block;
}

#global_menu ul{
	text-align: center;
	position: relative;
	display: block;
	width: 960px;
	height: 40px;
	margin: 0 auto;
}

#global_menu ul li {
	display: inline-block;
	width: 190px;
	height: 40px;
	position: relative;
	padding: 10px 0 0 0;
	border-right: 1px solid #fff;
}

#global_menu ul li:first-child{border-left: 1px solid #fff;}

#global_menu ul li a{
	color: #fff;
	text-decoration: none;
}

#global_menu ul li a:hover{
	opacity: 0.5; filter: alpha(opacity=50);
}


/* 個人情報保護方針 */


/***************************************************************************************************************************************************
■フォント
***************************************************************************************************************************************************/

h2{
	font-size:150%;
	color: #004386;
	line-height: 200%;
	letter-spacing : 0.1em;
	clear: both;
	border-top: 1px solid #004386;
	border-bottom: 1px solid #004386;
	width: 610px;
	margin: 0 0 30px 10px;
	padding: 4px 0 0 20px;
	height: 40px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

h3{
	font-size:125%;
	color: #002C79;
	line-height: 170%;
	letter-spacing : 0.1em; 
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	max-height: 999999px;/* Android Chromeバグ対策*/
}


h4{	font-size:113%;
	color: #333;
	line-height: 160%;
	letter-spacing : 0em; 
	clear: both;
	margin: 0 0 10px 30px;
	padding: 0;
	max-height: 999999px;/* Android Chromeバグ対策*/
}



h6{font-size:115%; margin: 0; padding: 0; color: #333; line-height: 160%; clear: both;}


.address{font-size: 78%; line-height: 160%;}

.center{text-align: center;}
.right{text-align:right;}
.bold{font-weight: bold;}
.red{color: #ff0000;}
.blue{color: #004386;}

.st_text{font-size:115%; color: #333; line-height: 200%; clear: both}

.small{font-size: 95%; line-height: 160%;}

.comment{font-size: 80%; line-height: 160%;}
.comment_l{font-size: 85%; line-height: 160%;}

.midashi20{font-size:125%; padding: 0; color: #333; line-height: 160%; font-weight: bold;}

.midashi20_blue{font-size:125%; padding: 0; color: #004386; line-height: 160%; font-weight: bold;}

.contact_tel{font-size:140%; margin: 0 0 10px 0; padding: 0; color: #333; line-height: 160%; font-weight: bold;}



/***************************************************************************************************************************************************
■メイン
***************************************************************************************************************************************************/

#main{
	width: 960px;
	height: auto;
	margin: 0 auto 30px;
	position: relative;
	overflow: hidden;
}


.page_container{
	width: 920px;
	height: auto;
	margin: 0 auto 50px;
	display: block;
	overflow: hidden;
}

.text_box00{
	width: 920px;
	height: auto;
	padding: 0;
	overflow: hidden;
}

.text_box01{
	width: 570px;
	height: auto;
	margin: 0;
	padding: 0;
}


.text_box02{
	width: 450px;
	height: auto;
	margin: 0;
	padding: 0;
}

.text_box03l{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.text_box03r{
	width: auto;
	height: auto;
	margin: 0 0 0 20px;
	padding: 0;
}

.text_box04l{
	width: auto;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
}

.text_box04r{
	width: auto;
	height: auto;
	margin: 20px 0 0 20px;
	padding: 0;
}

.text_box05{
	width: 350px;
	height: auto;
	margin: 0;
	padding: 0;
}

.text-viet{
	width: 450px;
	margin: 0 20px 0 0;
	height: auto;
	float: left;
}

.text-myan{
	width: 450px;
	margin: 0 20px 0 0;
	height: auto;
	float: left;
}

.mess_text{
	width: 450px;
	height: auto;
	margin: 0 60px 0 0;
}

.mess_img{
	margin: 0;
	padding: 0;
}

.workcate {
	width: 450px;
	height: auto;
	margin: 0;
	padding: 0;
}

.flow-detail{
	width: 918px;
	height: auto;
	margin: 0 auto ;
	padding: 0;
	border: 1px solid #002C79;
	display: table;
}

.detail-title{
	width: 298px;
	height: auto;
	background-color: #002C79;
	color: #fff;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	display: table-cell;
}

.detail-text{
	width: 590px;
	height: auto;
	background-color: #fff;
	color: #333;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
	display: table-cell;

}

.sankaku{
	height:35px; padding-top: 10px;
}


.feature ul{
	float: left;
	margin: 0 20px 0 0;
}

.feature ul li{
	font-weight: bold;
	font-size: 16px;
	list-style-type: disc;
	line-height: 170%;
	margin: 0 0 10px -15px;

}

ul.case li{
	line-height: 200%;
	list-style-type: disc;
}

/***************************************************************************************************************************************************
■トップページ
***************************************************************************************************************************************************/

#top_image{
	width: 960px;
	height: 400px;
	margin: 0 0 40px 0;
	text-align: left;
	position: relative;
}

.catch{
	width: 575px;
	height: 65px;
	position: absolute;
	top: 20px;
	right: 0px;
}

.case_btn {
	width: 143px;
	height: 143px;
	position: absolute;
	top: 115px;
	right: 0px;
}

.case_btn a:hover{opacity: 0.7; filter: alpha(opacity=70);}


.mess_btn {
	width: 110px;
	height: 110px;
	position: absolute;
	top: 280px;
	right: 12px;
}

.mess_btn a:hover{opacity: 0.7; filter: alpha(opacity=70);}

#top_container{
	width: 960px;
	height: auto;
	margin: 0 auto 30px;
	display: block;
	overflow: hidden;
}

#top_container a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.top_sec_block{
	width: 284px;
	height: auto;
	padding: 0 18px;
	margin: 0 0 60px 0;
	float: left;
	display: block;
}

.top_sec_block >p {
	line-height: 170%;
}

.sec_img{margin: 0 10px 5px 5px;}

.top_banner{width: 250px; height: 70px; float: right;}

.top_news{
	width: 642px;
	height: 45px;
	float: left;
	display: block;
	position: relative;
}

.top_news ul{
	width: 642px;
	height: 45px;
	background-image: url(images/top-news-bg.png);
	background-repeat: no-repeat; 
	margin: 0;
	position: relative;
	
}

.top_news ul li{width: 500px; height: 18px; display: none; padding: 12px 0 0 120px; overflow: hidden;}


/***************************************************************************************************************************************************
■フッター 
***************************************************************************************************************************************************/

#footer {
	width: 100%;
	height: 250px;
	position: absolute;
	bottom: 0;
}

#footer_u{
	width: 100%;
	height: 42px;
	background-color: #999;
	margin: 0 auto;
	padding: 0;
}

#footer_m{
	width: 100%;
	height:128px;
	background-color: #002C79;
}

.footer_menu{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 0 0;
	color: #fff;
	text-align: center;
}

.footer_menu ul{
	padding: 0;
}


.footer_menu ul li{
	display: inline-block;
	padding: 0 7px 0;
}

.footer_menu ul li a{color: #fff; text-decoration: none;}
.footer_menu ul li a:hover{color: #999;}

#footer_b{
	width: 100%;
	height:80px;
	background-color: #002C79;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	line-height: 160%;
	text-align: center;
}


#footer_b p.footer_corp{
	font-size: 12px;
	color: #fff;
	line-height: 160%;
	text-align: center;
	padding: 10px 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/***************************************************************************************************************************************************
■フォーマットページ
***************************************************************************************************************************************************/

/* サイトマップ */

.sitemap{
	font-size: 115%;
	line-height: 200%;
	margin-top: 30px;
}

.kaigo_text{
	width: 750px;
	padding: 10px;
	border: 1px solid #900;
	margin: 0 0 20px 0;
}

/***************************************************************************************************************************************************
■テーブル
***************************************************************************************************************************************************/

.table01{
	width: 430px;
	height: auto;

	font-size: 14px;
	border-collapse: collapse;
	color: #333;
	font-size: 100%;
}

.table01 th{
	text-align: center;
	background-color: #C5DDF3;
	color: #333; 
	border: 1px solid #000;
	padding: 5px 0 5px;
	border-collapse: collapse;
	vertical-align: middle;
}

.table01 th.image{width: 240px;}

.table01 td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	border: 1px solid #000;
	padding: 7px;
	border-collapse: collapse;
}

.table01 td.image{text-align: center; vertical-align: middle;}


.contact_table{
	width: 800px;
	height: auto;
	font-size: 14px;
	border-collapse: collapse;
	color: #333;
	font-size: 100%;
	margin: 0 auto 30px;
}

.contact_table th{
	width: 200px !important;
	text-align: left;
	background-color: #e5f5fd;
	color: #333; 
	padding: 15px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	vertical-align: top;
}


.contact_table td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	padding: 15px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}




.table02{
	width: 750px;
	height: auto;
	margin: 0 0 30px 0;
	font-size: 14px;
	border-collapse: collapse;
	font-size: 100%;
	color: #333;}


.table02 td{
	text-align: left;
	font-weight: normal;
	background-color: #fff;
	color: #333; 
	border: 0px solid #000;
	padding: 7px;
	border-collapse: collapse;
}

/****************************************
　ナビゲーション
*****************************************/

#page-top {
	position: fixed;
	bottom: 420px;
	right: 20px;
	z-index: 500;
}
#page-top a {
	background-image : url(images/retop_btn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	width: 50px;
	height: 50px;
	padding: 0;
	display: block;

}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/***************************************************************************************************************************************************
■問い合わせフォーム
***************************************************************************************************************************************************/

/* 問い合わせページ */

.contact{
	width: 750px;
	height: auto;
	margin:0 0 50px 105px;
	padding: 0;
	position: relative;
}

.contact_tel{
	font-size: 20px;
	font-weight: bold;
	padding: 8px 0 0 0;
}

.kakomi{
	font-size: 16px;
	font-weight: bold;
	background-color: #ff0000;
	color: #fff;
	padding: 10px;
	width: 200px;
	height: 18px;
	margin: 10px 0 10px 10px;
	vertical-align: middle;
	text-align: center;
}

.kakomi a{color: #fff; text-decoration: none;}
.kakomi:hover{opacity: 0.7; filter: alpha(opacity=70);}

.inquiry_text{
	text-align: center;
	margin: 0 0 20px 0;
}

.alert_text{
	font-size: 16px;
	text-align: center;
	margin: 0 0 10px 0;
}

ul.alert li{
	text-align: center;
	margin: 0 0 15px 0;
}

.subbtn{margin: 0 auto; text-align: center;}
.btn01:hover{opacity: 0.7; filter: alpha(opacity=70);}
.btn02:hover{opacity: 0.7; filter: alpha(opacity=70);}

input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
}	
	
input[type="submit"]{
	width: 110px;
	height: 40px;
	font-size: 16px;
	border:1px solid #ccc;
	vertical-align: middle;
	background-color: #004386;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;]





}