@charset "utf-8";
/*----------------------------------------------------------*/
/* リセット設定 */
a img {
	margin: 0;
    border: 0;
}
img{
	border:0;
	line-height:0;
	vertical-align: bottom;
}

ul{
	list-style-type:none;
}

a span {
	display:none;
}

/*----------------------------------------------------------*/
/* リンク色設定 */
a:link , a:visited {
	color:#0B3069;
	text-decoration: underline;
}
a:active , a:hover {
	color:#006DF2;
	text-decoration: none;
}
/*----------------------------------------------------------*/
/* 基本設定 */
*{
	margin:0;
	padding:0;
}

body{
	color:#555555;
	font-size:80%;
/*	font-family:"MS Gothic","ＭＳ ゴシック",sans-serif;*/
	line-height:150%;
	background: url(../images/body_bg_02.jpg) repeat-x 0 0;
	width:100%;
	margin:0;
}

/* IE6,IE7*/
HTML>/**/BODY{
/*	font-family:"MS Gothic","ＭＳ ゴシック",sans-serif;*/
	font-size: 13px;
}

/*----------------------------------------------------------*/
/* クリア設定 */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:100px;
	height:26px !important;
	font-size:1%;
	background:none !important;
	text-align: right;
/*	overflow:hidden;*/
}
html>body .reset{overflow:visible;}

/*----------------------------------------------------------*/
.hidden{
	display:none;
}

/* ラッパー */

#wrapper{
    width:100%;
	margin:0;
	padding:0;
	height:auto;
    background:url(../images/wrapper_bg.jpg) repeat-x 0 100%;}

/*----------------------------------------------------------*/
/* コンテンツ */

#content{
	margin:0 auto;
	width:950px;
}

/* ヘッダ */

#header{
    color:#666666;
	width:100%;
	height:91px;
	margin:0;
	/*overflow:hidden;*/
}

#header .head_left_box{
	width:50%;
	float:left;
	display: inline;
	margin:0 0 0 10px;
}

#header p{
    font-weight:normal;
	font-size:80%;
	margin:20px 0 0 5px;
	width:100%;}
	
#header h1{
    width:272px;
	height:30px;
}

#header .head_right_box{
	text-align: right;
	float:left;
	margin: 0px;
	padding: 0px;
}
#header ul {
    margin: 5px 0px 0px 0px;
	padding: 0px;
}
#header ul li {
	margin: 0px 0px 5px 10px;
	padding: 0px;
	display: inline;
}
#header .tel{
	width: 251px;
	height: 52px;
    margin: 10px 0px 0px 203px;
	padding: 0px;
}
	

/*----------------------------------------------------------*/
/* グローバルナビ */

#navi {
	margin: 0 0 0 0;
	padding: 0;
	height: 53px;
	text-align:center;
	background:url(../images/navi_bg.jpg) no-repeat 0 0;
	width:950px;
	}
	
#navi ul {
	margin:0 0 0 0;
	padding:0 0 0 9px;
	list-style-type:none;
	height: 53px;
	}
#navi li {
	margin: 0 auto;
	padding: 0;
	position:relative;
	float:left;
	height:53px;
	}
	
#navi li span {
	position:relative;
	display:block;
	height:53px;
	}
	
#navi li a.visible {
	position:absolute; top:0; left:0;
	display:block;
	width:100%;
	height:53px;
	}
	
#navi li.main_navi01 { width:186px; }
#navi li.main_navi02 { width:186px; }
#navi li.main_navi03 { width:186px; }
#navi li.main_navi04 { width:186px; }
#navi li.main_navi05 { width:187px; }
/*----------------------------------------------------------*/
/* グローバルナビ　画像指定 */
#a #navi li.main_navi01 a.visible { background:url(../images/navi_01.jpg) 0 0; }
#a #navi li.main_navi02 a.visible { background:url(../images/navi_02.jpg) 0 0; }
#a #navi li.main_navi03 a.visible { background:url(../images/navi_03.jpg) 0 0; }
#a #navi li.main_navi04 a.visible { background:url(../images/navi_04.jpg) 0 0; }
#a #navi li.main_navi05 a.visible { background:url(../images/navi_05.jpg) 0 0; }
/*----------------------------------------------------------*/
/* グローバルナビ　ホバー指定 */
#a #navi li a.visible:hover { background-position: 0 -53px; }
/*----------------------------------------------------------*/

/* グローバルナビ　メインコンテンツ画像指定 */
img.main_img{
    width:934px;
	margin:0 auto;
}
/*----------------------------------------------------------*/
/* メインコンテンツ部分 */
.title_img{
    padding:0 0 0 8px;
	height:58px;
	}
.h2_img{
margin:20px 0 0 0;
    }

#main{
    width:898px;
	margin:0 auto;
	overflow:hidden;
    background:url(../images/content_bg.jpg) no-repeat 0 0 ;
	padding:15px 0 0 40px;

}

#main .pan{
	font-size:11px;
	padding:0 0 7px 10px;}
	
#main .main_out{
    width:866px;
	margin:0;
	padding:0;
}
/* メインコンテンツ左 */
#main .main_left {
    width: 570px;
	float: left;
	margin: 0px 21px 0px 0px;
}
.h3_c_03{
	margin: 0px 0px 22px 0px;
}
.text_box{
    margin: 0px 0px 29px 0px;
}
p.p_bottom{
    margin:0 0 29px 0;}
h4{
	width: 570px;
	height: 42px;
	margin: 0px 0px 10px 0;
	padding: 0px;
}
.text_box_02{
    margin:0 0 29px 0;
}

#map dl{
    width:280px;
	margin:0 0 10px 0;
}

#map dl dt{
    color:#0B3069;
    height:27px;
    background: url(../images/map_dt_bg.jpg) no-repeat 0 0;
	padding: 8px 0 0 34px;
	font-weight:bold;
}
	
#map dl dd{height:25px;
	padding: 6px 0 0 34px;
	background:url(../images/li_bg.jpg) no-repeat 0 0;
    }
	
#map .map_left{
    float:left;
	margin:0 10px 0 0;}

#map .map_right{
    float:left;}
	
	
#merit_box h4{
    margin:10px 0 20px 0;}

/* --------------------------------------------- 制作の流れ */
#flow .mini {
	font-size: 90%;
}
.flow_box {
	background: url(../images/bg_flow_01.gif) repeat-x 0px bottom;
	clear: both;
	margin: 5px 0px 20px;
	padding: 0px 0px 15px;
}

.flow_window{
    clear:both;
    border:solid 4px #C6D4DF;
	padding:10px;
	margin:5px 0 5px 0;
	color:#555555;}

.flow_list{
    list-style:disc inside;
	padding:5px;
	color:#0B3069;
}

.flow_box h5 {
	background: url(../images/bg_flow_02.gif) no-repeat 0px bottom;
	margin: 0px 0px 10px;
	padding: 0px 0px 2px;
}
.flow_box .number {
	float: left;
	margin: 0px;
	padding: 0px 7px 0px 18px;
}
.flow_box .concrete {
	width: 376px;
	float: left;
	margin: 0px 0px 17px;
	padding: 0px 8px 0px 9px;
	border-left: 1px solid #CFCFCF;
}
.flow_box .f_img {
	float: right;
	width: 97px;
	margin: 0px;
	padding: 0px 5px 8px 0px;
}
/* ----------------------------------------------- 会社案内 */
/* 会社概要 */
#company dl {
	background: #FFF url(../images/bg_02.gif) repeat-y 0px 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CDD7E3;
}
#company dl dt {
	font-weight: bold;
	background: #E8EFF7 url(../images/bg_03.gif) repeat-x 0px 0px;
	width: 130px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 12px 0px 10px 10px;
}
#company dl dd {
	margin: 0px;
	padding: 12px 0px 10px 150px ;
	border-top: 1px solid #CDD7E3;
}

#company .g_map{
	width:562px;
	height:346px;
	padding:1px;
	border:solid 3px #D9DBDD;
	float:left;}

.president_photo{
    width:156px;
	padding:5px 0 15px 5px;
	margin:0 15px 0 2px;
	float:left;
	border:solid 1px #EFEFEF;}
	
.greeting_out{
    float:left;
	width:384px;
}

/* テキスト画像（緑）指定 */
#greentext{
    margin:0 0 15px 0;
	height:31px;
	text-indent:-9999px;
    }

.greeting{background:url(../images/greeting.gif) no-repeat 0px 0px;}
.subject{background:url(../images/subject.gif) no-repeat 0px 0px;}
.trust{background:url(../images/trust.gif) no-repeat 0px 0px;}
.function{background:url(../images/function.gif) no-repeat 0px 0px;}
.wish{background:url(../images/wish.gif) no-repeat 0px 0px;}
.illust{background:url(../images/illust.gif) no-repeat 0px 0px;}
/*----------------------------------------------------------*/
/* プライバシーポリシー サイトポリシー */

#policy dt{
    color:#0B3069;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#policy ol{
    list-style:decimal inside;
	margin:10px 0 10px 0;
	border:solid 4px #C6D4DF;
	padding:10px;
	color:#0B3069;
}
	
#policy ul.disc_list{
    list-style:disc inside;
	margin:10px 0 10px 0;
	border:solid 4px #C6D4DF;
	padding:10px;
	color:#0B3069;
}

#policy .window{
    border:solid 4px #C6D4DF;
	padding:10px;
	margin:15px;
	color:#0B3069;}

/*---------------------サイトポリシー　プライバシーポリシー */
/*----------------------------------------------------------*/
/* お問い合わせ */
.inquiry_window{
    border:solid 4px #C6D4DF;
	padding:10px;
	margin:15px;
	color:#555555;}

.big{
   font-size:17px;
   color:#0B3069;
   margin:5px 0 5px;}
/*---------------------------------------------お問い合わせ */
/* FAQ */

#qa .qa_heading{
    margin:10px 0 15px;}

#qa .question_box{
	margin: 0px 0px 15px;
	padding: 0px;
}
#qa .q{
    font-weight:bold;
    padding:10px 10px 10px 35px;
    list-style:none;
	background:url(../images/q.gif) no-repeat 10px 11px;}
	
#qa .q_bottom{
    height:1px;
	margin:0 0 1px;
    background:url(../images/q_bg.jpg) repeat-x ;}


#qa .a{
    padding:10px 10px 0 35px;
    list-style:none;
	background:#F4F5F6 url(../images/a.gif) no-repeat 10px 11px;}
	
#qa .a_bottom{
    height:10px;
    background:url(../images/a_bg.jpg) repeat-x ;}
	
#qa .a_bottom_02{
    height:10px;
    background:url(../images/a_bg.jpg) repeat-x ;
	margin:0 0 29px;}

/*------------------------------------------------------FAQ */

/* メインコンテンツ右 */
.main_right{
    width:275px;
	float:left;
}

.s_navi_estimate , .s_navi_blog{
    margin:0 0 6px 0;}


#main .main_right dl{
    padding:1px;
    width:265px;
	border:solid 4px #C6D4DF;
	margin:0 0 3px 0;
    }

#main .main_right dt{
    height:46px;
	width:265px;
	text-indent:-9999px;
    }

#main .main_right dd{
    height:28px;
	padding: 8px 0 0 34px;
	background:url(../images/s_navi_dd_bg.jpg) no-repeat 0 0;
    }
	
	
.s_navi_snownet{
    margin:6px 0 6px 0;}

a#system{
    display: block;
    width: 265px;
	height: 46px;
	text-indent:-9999px;
	overflow:hidden;
}

a#design{
    display: block;
    width: 265px;
	height: 46px;
	text-indent:-9999px;
	overflow:hidden;
}

a#illust{
    display: block;
    width: 265px;
	height: 46px;
	text-indent:-9999px;
	overflow:hidden;
}

a#corporate{
    display: block;
    width: 265px;
	height: 46px;
	text-indent:-9999px;
	overflow:hidden;
}

a#estimate , a#blog{
    display: block;
    width: 274px;
	height: 72px;
	text-indent:-9999px;
	overflow:hidden;
}


a#snow{
    display: block;
    width: 275px;
	height: 122px;
	text-indent:-9999px;
	overflow:hidden;
}

a#qa{
    display: block;
    width: 273px;
	height: 56px;
	text-indent:-9999px;
	overflow:hidden;
}

/* サイドメニュー　画像指定 */
a#system{ background: url(../images/s_navi_system.jpg) no-repeat 0 0; }
a#design{ background: url(../images/s_navi_design.jpg) no-repeat 0 0; }
a#illust{ background: url(../images/s_navi_illustration.jpg) no-repeat 0 0; }
a#corporate{ background: url(../images/s_navi_corporate.jpg) no-repeat 0 0; }
a#estimate{ background: url(../images/s_navi_inquiry.jpg) no-repeat 0 0; }
a#blog{ background: url(../images/bn_blog.jpg) no-repeat 0 0; }
a#snow{ background: url(../images/s_navi_snownet.jpg) no-repeat 0 0; }
a#qa{ background: url(../images/s_navi_qa.jpg) no-repeat 0 0 ;}
/*----------------------------------------------------------*/
/* サイドメニュー　ホバー指定 */
a#system:hover{ background-position: 0 -46px; }
a#design:hover{ background-position: 0 -46px; }
a#illust:hover{ background-position: 0 -46px; }
a#corporate:hover{ background-position: 0 -46px; }
a#estimate:hover , a#blog:hover{ background-position: 0 -72px; }
a#snow:hover{ background-position: 0 -122px; }
a#qa:hover{ background-position: 0 -56px; }
/*----------------------------------------------------------*/

/* フッタ */
#footer{
	width:950px;
	background: url(../images/footer_bg.jpg) no-repeat 8px 0;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:12px;
	
}

#footer .page_top{
padding:0 36px 5px 0;
    }

#footer .in{
	width:934px;
	height:46px;
	margin:0 auto;
	padding:4px 0 0 0;
	background:url(../images/footer_hr.jpg) no-repeat 30px 0;
}

#footer ul.top_box_foot{
    margin:0 0 0 70px;
}

#footer ul.top_box_foot_2{
    padding:0 0 0 250px;
}

#footer ul li{
    background:url(../images/arrow.gif) no-repeat 0 4px;
	float:left;
	position:relative;
	text-align:left;
	padding:0 10px 0 10px;
	margin:5px 3px 0 0;
	line-height:1.2em;
}

.bottom_box_foot{
    background: url(../images/footer_bottom_02.jpg) no-repeat 8px 0;
	width:100%;
	color:#B2B2B2;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	height:63px;
}
/*----------------------------------------------------------*/