@charset "utf-8";

/*****************************************************
●基本設定 S
*****************************************************/
body{
	line-height:1.7;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-style:normal;
	letter-spacing:0.005em;
	color:#3F2204;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}

img { border: 0;}

ul{	list-style: none;}

/* フォーム関連
--------------------------------------------------- */
input,textarea,select{
	color:#3F2100;
	margin:2px 0px;
	padding:0.1em 0px;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
}
textarea{
	line-height:1.4;
	}
/* ベースフォントサイズ
--------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6 {
	font-size: 13px;/* モダンブラウザ向け */
	*font-size: 81.25%; /* IE 7向け */
	_font-size: 81.25%; /* IE 6以下 */
}
/* IE 6 or sooner
* html body {
	font-size: 81.25％;
}*/

table {
	font-size:inherit;
	font:100%;
}
/*****************************************************
●基本設定 E
*****************************************************/

/*****************************************************
●common S
*****************************************************/
/* 背景設定
--------------------------------------------------- */
#topBg{
	background:#ffffff url("../img/top-bg.gif") repeat-x ;	
}

#subBg{
	background:#ffffff url("../img/common/sub-bg.gif") repeat-x ;	
}


/* フォント、見出し設定
--------------------------------------------------- */
h1,h2{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

h4{
	font-size: 120%;
	padding-bottom:0.2em;
}

.h4-Hl{
	background: url("../img/common/h4-bar.gif") no-repeat 0 bottom ;
	margin:0 0 0.8em;
	clear:both;
}

.h4-Hl img{
	float:left;
	margin:6px 6px 0 0;
}

h5{
	font-size: 100%;
	border-bottom: dotted 1px #3F2100;
	padding-bottom:0.2em;
	margin-bottom:0.8em;
}

h6,em{
	font-weight:bold;
	font-style:normal;
	font-size: 100%;
}

.font120B{
	font-size: 120%;
	font-weight:bold;
	line-height:1.4;
}


/* コンテンツ
--------------------------------------------------- */
#contents{
	width:803px;
	_width:806px;/* IE 6以下 */
	text-align: left; 
	margin:0 auto;
	padding-left:3px;
	clear:both;
}


/* リンク
--------------------------------------------------- */
a {
    outline: none;
	text-decoration: none;
}

a:link, a:visited{
	color: #0BA1BF;
	text-decoration: none;
}

a:active, a:hover{
	color: #0BA1BF;
	text-decoration: none;
}

p a:active, p a:hover,
.section-L li a:hover, .section-R li a:hover{
	border-bottom:#0BA1BF 1px dashed;
	padding-bottom:0.15em;
}

/* ページの先頭へ
--------------------------------------------------- */
#pageTop {
	background:url("../img/common/pegetop.png") no-repeat;
	width:60px;
	height:36px;

	position: fixed;
	bottom: 340px;
	right:0;
	_position: absolute; /* IE 6*/
	_bottom: auto;
	_clear: both;
	_top:expression(eval(document.compatMode &&
		document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop
		+(documentElement.clientHeight-this.clientHeight) - 340
		: document.body.scrollTop
		+(document.body.clientHeight-this.clientHeight) - 340);
}

#pageTop a{
	width:60px;
	height:36px;
	display:block;
	border:none;
}
#pageTop p{
	text-indent: -9999px;
}


/* 空白用
--------------------------------------------------- */
.mTop10{margin-top:10px;}
.mTop20{margin-top:20px;}
.mTop30{margin-top:30px;}
.mBottom10{margin-bottom:10px;}
.mBottom20{margin-bottom:20px;}
.mBottom30{margin-bottom:30px;}
.mBottom40{margin-bottom:40px;}
.mBottom60{margin-bottom:60px;}


/* 文章用DIV
--------------------------------------------------- */
.articleDiv{
	width:100%;
	float:left;
}

.articleDiv2{
	width:100%;
	float:left;

	border-bottom:1px solid #DFDFC6;
	clear:both;
}

.articleDiv3{
	width:100%;
	float:left;
	margin-bottom:33px;
	padding-bottom:13px;
	border-bottom:1px solid #DFDFC6;
}

/* img、文章用フロート
--------------------------------------------------- */
.c-floatLeft{
	float:left;
	margin-right:10px;
}

.c-floatRight{
	float:right;
	margin-left:10px;
}

/* 注目
--------------------------------------------------- */
.attention{
	font-size: 10px;
	color: #EF0E41;
}
.attention2{
	color: #EF0E41;
}

.attention3{
	font-size: 130%;
	font-weight:bold;
	color:#EF0E41;
}


/* 注目(背景に色を置く)
--------------------------------------------------- */
.point-bg{
	background-color:#e3f6ff;
	padding:10px;
}

/* その他
--------------------------------------------------- */
.orange{
	color:#FF6400;
}

.green{
	color:#C0C700;
}

/*****************************************************
●common E
*****************************************************/

/*****************************************************
●header and fooder(common) S
*****************************************************/
#header {
	height:52px;
	width:800px;
	text-align: left; 
	margin:0 auto;
}

#header h1{
	float: left;
}

/* headerMenu
--------------------------------------------------- */
#headerNav {
	/* width:144px; 120dpiwinで崩れるのでコメント*/
	height:25px;
	margin:0;
	padding:0;
	float:right;
	background:url(../img/common/headerMenu-on.gif) no-repeat;
}

#headerNav li, #headerNav a {
	height:25px;
	display:block;
}

#headerNav li {
	float:left;
	display:inline;
}

#H-home {width: 49px;margin-right:15px;}
#H-sitemap {width: 80px;}

#H-home a:hover		{text-indent:-9999px; background:url("../img/common/headerMenu-on.gif") 0px 0px no-repeat; }
#H-sitemap a:hover	{text-indent:-9999px; background:url("../img/common/headerMenu-on.gif") -64px 0px no-repeat; }

/* footer
--------------------------------------------------- */
#footer{
	clear:both;
	border-top:#FF6400 solid 5px;
	color:#555;
	font-size:85%;
}

#footer a{
	color:#555;
}

#footer .fNav{
	padding-top:15px;
}

.fNav li{
	display:inline;
	background:url("../img/common/fnav.gif") no-repeat 0 0;
	padding:0 1em 0 9px;
}

address{
	border-top:#DFD9B5 1px solid;
	font-style: normal;
	margin:10px 0;
	padding:10px 0;
}

/*****************************************************
●header (common) E 	
*****************************************************/


/*****************************************************
●topContent S
*****************************************************/
/* topImage
--------------------------------------------------- */
#topImg {
	clear:both;
	height:158px;
	width:1126px;
	margin:0 auto;
}

#topImg h2{
	text-align:right;
}

/* gnav01(top)
--------------------------------------------------- */
#gnav01 {
	height:70px;
	padding:0 0 56px 0;
	background:url(../img/common/bg-gnav.gif) no-repeat;
}

#gnav01 li, #gnav01 a {
	height:70px;
	display:block;
}

#gnav01 li {
	float:left;
	display:inline;
}

#nav01-01,#nav01-02,#nav01-03,#nav01-04,#nav01-05 {width: 160px;}

#nav01-01 a:hover{text-indent:-9999px; background:url("../img/common/gnav01-1-on.gif") 0 0 no-repeat; }
#nav01-02 a:hover{text-indent:-9999px; background:url("../img/common/gnav01-2-on.gif") 0 0 no-repeat; }
#nav01-03 a:hover{text-indent:-9999px; background:url("../img/common/gnav01-3-on.gif") 0 0 no-repeat; }
#nav01-04 a:hover{text-indent:-9999px; background:url("../img/common/gnav01-4-on.gif") 0 0 no-repeat; }
#nav01-05 a:hover{text-indent:-9999px; background:url("../img/common/gnav01-5-on.gif") 0 0 no-repeat; }

/* topMain
--------------------------------------------------- */
#topMain{
	float:left;
	width:629px;
	background: url("../img/navList-bg.gif") repeat-y;
	margin-right:15px;
}

#topMain .section01{
	width:307px;
	float:left;
}
#topMain .section02{
	width:307px;
	float:right;
}

#topMain .inSection{
	padding:10px 15px 0;
}

#topMain .article{
	padding:1.2em 0;
	border-bottom:#DFD9B5 solid 1px;
	margin-bottom:1em;
}

/* gnav02 (top)
--------------------------------------------------- */
#topMain .gnav02{
	height:52px; /* 修正必要 */
	margin-top:0.8em;
}

#topMain .gnav02 img{
	float:left;
}

#topMain .naviHeadline{
	float:right;
	width:200px;
	margin-top:8px;
}

#topMain .naviHeadline h3{
	font-size: 110%;
	line-height:1;
	_line-height:1.4; /* IE 6以下 */
}

#topMain .naviHeadline h3 a{
	color:#3F2100;
}

.topFooter{
	clear:both;
	background: url("../img/navList-footer.gif") no-repeat;
	width:629px;
	height:15px;
}

/* WKey and company info
--------------------------------------------------- */
.topInfo{
	float:left;
	width:156px;
	/*
	padding-bottom:60px;
	*/
	padding-bottom:80px;
}

.topInfo dl{
	margin-top:2em;
}
.topInfo dt{
	border-bottom:dotted 1px #3F2100;
	margin-bottom:0.8em;
}

.topInfo dd{
	font-size:85%;
	margin-top:0.7em;
	line-height:1.4;
}
/*****************************************************
●topContent E
*****************************************************/


/*****************************************************
●subContent S
*****************************************************/
#contentsInner{
	float:left;
	padding:25px 0 60px;
	width:100%;
}

/* topicPath
--------------------------------------------------- */
#topicPath{
	margin: 0.6em 0 1.5em;
	font-size:85%;
	color:#777;
}

#topicPath li {
	display: inline;
}

/* sub-gnav01(sub)
--------------------------------------------------- */
#sub-gnav01 {
	height:70px;
	padding:13px 0 0 0;
	background:url(../img/common/bg-gnav.gif) no-repeat left bottom;
}

#sub-gnav01 li, #sub-gnav01 a {
	height:70px;
	display:block;
}

#sub-gnav01 li {
	float:left;
	display:inline;
}

/* local Nav
--------------------------------------------------- */
#lNav{
	margin:6px 0 0;
	height:25px;
}

#lNav a:link, #lNav a:visited{
	color:#FFF;
}

#lNav a:active, #lNav a:hover{
	color: #F2E2AD;
}

#lNav li{
	display: inline;
	background:url("../img/common/lnav-off.gif") no-repeat 0 50%;
	padding:0 2em 0 16px;
}

#lNav .a-lNav{
	background:url("../img/common/lnav-on.gif") no-repeat 0 50%;
}

/* c-left(sub)
--------------------------------------------------- */
#sideContents{
	float:left;
	width:220px;
	margin-right:25px;
}

.gnav02-web li, .gnav02-sys li{
	padding:9px 10px 9px 20px;
	border-top:solid #fff 1px;
}

.gnav02-sys li{
	background-color:#F6EBBB;
}

.gnav02-sys .gnav02-sys-on{
	background-color:#EFE0A4;
}

#sideContents li a:link, #sideContents li a:visited{
	color:#3F2100;
}

#sideContents li a:active, #sideContents li a:hover{
	color:#7F5000;
}

.gnav02-web li{
	background-color:#ededda;
}

.gnav02-web .gnav02-web-on{
	background-color:#e5e2c8;
}

.space-15{
	margin-top:15px;
}
/* sub-mainContents
--------------------------------------------------- */
#mainContents{
	float:left;
	width:555px;
}

/* table design 01
--------------------------------------------------- */
.tableD-01{
	border-top:1px #DFDBC3 solid;
	border-left:1px #DFDBC3 solid;
	clear:both;
}

.tableD-01 th, .tableD-01 td{
	border-bottom:1px #DFDBC3 solid;
	border-right:1px #DFDBC3 solid;
	padding:12px 16px;
	line-height:1.5;
}

.tableD-01 th{
	background-color:#F4F1E9;
	font-weight:normal;
	text-align:left;
}

.tableD-01 li{
	background: url("../img/common/tD01List.gif") no-repeat left 0.5em ;
	padding:0 0 0.4em 10px;
	line-height:1.2;	
}

.D-01Tab{
	border-top:1px #DFDBC3 solid;
	border-left:1px #DFDBC3 solid;
	border-right:1px #DFDBC3 solid;
	background-color:#E7E2D4;
	padding:12px 16px;
	font-weight:bold;
}

.tableD-01 textarea{
	width: 328px;
	height: 120px;
}


/* table design 02
--------------------------------------------------- */
.tableD-02{
	clear:both;
}

.tableD-02 th, .tableD-02 td{
	border-bottom:1px #DFDBC3 solid;
	padding:10px 16px;
	line-height:1.5;
}

.tableD-02 th{
	width:50px;
	font-weight:normal;
	text-align:left;
}


/* table design 03
--------------------------------------------------- */
.tableD-03{
	border-top:1px #DFDBC3 solid;
	border-left:1px #DFDBC3 solid;
	clear:both;
}

.tableD-03 th, .tableD-03 td{
	border-bottom:1px #DFDBC3 solid;
	border-right:1px #DFDBC3 solid;
}

.tableD-03 th{
	background-color:#C0C700;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding:4px 10px;
}

.tableD-03 td{
	padding:8px 10px;
	line-height:1.5;
}

.tableD-03 li{
	background: url("../img/common/tD01List.gif") no-repeat left 0.5em ;
	padding:0 0 0.4em 10px;
	line-height:1.2;	
}

th.thCaption{
	background-color:#C0C700;
	padding:10px;
}

/* table design 03A　追加
--------------------------------------------------- */
.tableD-03A{
	border-top:1px #DFDBC3 solid;
	border-left:1px #DFDBC3 solid;
	clear:both;
}

.tableD-03A th, .tableD-03A td{
	border-bottom:1px #DFDBC3 solid;
	border-right:1px #DFDBC3 solid;
}

.tableD-03A th{
	background-color:#EEEFD1;
	text-align:left;
	font-weight:normal;

	padding:2px 10px;
}

.tableD-03A td{
	padding:8px 10px;
	line-height:1.5;
}


th.thCaption03A{
	background-color:#C0C700;
	padding:10px;
	color:#FFF;
	font-weight:bold;
}


/* table design 04
--------------------------------------------------- */
.tableD-04{
	clear:both;
}

.tableD-04-L{
	border-right:1px #DFDFC6 solid;
}

.tableD-04 td{
	width:265px;
	vertical-align:text-top;
	background:url("../img/common/tableD-04-bg.gif") no-repeat top left;
	padding:10px 6px 6px 6px;
	line-height:1.6;
}

.tableD-04 td div{
	width:251px;
	margin:10px 0 5px 7px;

}

.tableD-04 td div img{
	margin-bottom:8px;
}

/* table design 05
--------------------------------------------------- */
.tableD-05{
	clear:both;
}

.tableD-05 th, .tableD-05 td{
	border-bottom:1px #DFDBC3 solid;
	padding:6px 16px;
	line-height:1.5;
}

.tableD-05 th{
	width:100px;
	font-weight:normal;
	text-align:left;
}




/* 個人情報・フォーム
--------------------------------------------------- */
.mainPrivacy{
	background-color:#F3EFE4;
	border-bottom:solid 1px #fff;
	padding-bottom:10px;
	margin-top:20px;
}

.mainPrivacy p, .mainPrivacy h6{
	padding: 5px 20px;
}
.mainPrivacy h6{
	background-color:#3F2100;
	color:#FFF;
}

/* 個人情報の取り扱いについて */ 
.privacy_scr {
	padding:5px;
	overflow:auto;  
	width:100%;
	height:450px;
	background-color:#FFFFFF;
	border:solid 1px #CFCCB5;
   	-webkit-box-sizing:border-box;
   	-moz-box-sizing:border-box;
   	box-sizing:border-box;
}

.policy-check{
	background-color:#F3EFE4;
	border-top:solid 1px #CFCCB5;
	text-align:center;
	padding:10px 0;
}

.kakunin{
	text-align:center;
	margin-top:20px;
}

.template{
	vertical-align:middle;
	margin-top:10px;
}

/* ご注文から納品までの流れ 	
--------------------------------------------------- */
.process{
	margin-top:15px;
	padding-left:15px;
	width:100%;
}

.process dt{
	clear:left;
	width:75px;
	float:left;
	margin-bottom:4px;
}

.process dd{
	width:462px;
	float:left;
	min-height:90px;
	*height:100px; /* IE 7 */
	_height:100px; /* IE 6以下 */
	margin-bottom:4px;
}


/* サイトマップ（mainContentsの中の２カラム　
--------------------------------------------------- */
.section-L, .section-R{
	width:250px;
}

.section-L{
	float:left;
	margin:0 25px 0 15px;
	_margin:0 25px 0 7px;/* IE 6以下 */
}

.section-R{
	float:left;
}

.section-L ul, .section-R ul{
	list-style-type:disc;
	list-style-position:inside;
	color:#5F5435;
}

/* オフィス環境
--------------------------------------------------- */
.office{
	clear:both;
}

.office-L, .office-R{
	width:250px;
	margin-bottom:20px;
}

.office-L{
	float:left;
	margin-left:15px;
}

.office-R{
	float:right;
	margin-right:15px;
}

.button-link{
	clear:both;
	text-align:center;
}


/* 制作実績
------------------------------------- */
.workImg{
	width:277px;
	float:left;
	text-align:center;
	padding:10px 0 15px 0;
}

/*****************************************************
●subContent E
*****************************************************/