@charset "utf-8";

/* ==================================================
	=clearfix
================================================== */


.clearfix:after, .triggerWrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .triggerWrapper { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html .triggerWrapper { height: 1%; }
.clearfix, .triggerWrapper { display: block; }
/* End hide from IE-mac */

/* ==================================================
	=初期化
================================================== */

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

img{
	vertical-align: bottom;
	border: none;
	}

ul{
	list-style-type: none;
	}

table{
	border-collapse: collapse;
	}

body{
	background-color: #ffffff;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	
	}

/* ==================================================
	=フォントサイズ
================================================== */

body{font-size: 12px;}

*{font-size: 100%;}
	
/* ==================================================
	=リンク
================================================== */

a{
	color: #808080;
	text-decoration: none;
	font-weight: bold;
	}

a:hover{
	text-decoration: underline;
	}

/* ==================================================
	=構造
================================================== */

div#wrapper{
	width: 700px;
	margin: 0 auto;
	}

div#mainarea{
	padding: 0 100px;
	}

/* ==================================================
	=ヘッダー
================================================== */

div#header{
	padding-top: 20px;
	margin-bottom: 70px;
	}

div#header ul{
	padding: 20px 50px 0 50px;
	}

div#header ul li{
	float: left;
	line-height: 1.1;
	margin-right: 20px;
	}

div#header ul li#current{
	background: url(../images/blt_link_crnt.gif) 0 .25em no-repeat;
	padding-left: 13px;
	font-weight: bold;
	}

div#header ul li a{
	background: url(../images/blt_link.gif) 0 .25em no-repeat;
	padding-left: 13px;
	}

/* ==================================================
	=フッター
================================================== */

div#footer{
	padding-bottom: 20px;
	margin-top: 70px;
	}

div#footer ul{
	padding: 0 50px;
	height: 1.1em;
	line-height: 1.1;
	}

div#footer ul li{
	float: left;
	}

div#footer ul li#linkpgtp{
	float: right;
	}

div#footer ul li a{
	background: url(../images/blt_link.gif) 0 .25em no-repeat;
	padding-left: 13px;
	}

div#footer p{
	text-align: right;
	font-size: 84%;
	font-family: "Lucida Grande", Arial, sans-serif;
	margin-top: 20px;
	}

/* ==================================================
	=メインエリア内の共通パーツ
================================================== */

div#mainarea p{
	line-height: 1.7;
	margin-bottom: 1em;
	}


div#mainarea p.asterisk{
	margin-left: 1em;
	text-indent: -1em;
	font-size: 84%;
	}

div#mainarea h1{
		margin-bottom: 4em;
	}

div#mainarea h2{
	line-height: 1.1;
	background: url(../images/blt_h2.gif) left bottom no-repeat;
	padding-left: 1.3em;
	margin: 4em 0 .7em 0;
	}

div#mainarea h3 span{
	background-color: #ffffff;
	padding-right: .2em;
	}

div#mainarea ul{
	margin-bottom: 1em;
	}

div#mainarea ul li{
	background: url(../images/blt_list.gif) 3px .6em no-repeat;
	line-height: 1.7;
	padding-left: 15px;
	}

div#mainarea dl{
	line-height: 1.7;
	margin-bottom: 1em;
	}

div#mainarea dl dd{
	margin-left: 1em;
	}

div#mainarea h2.boxTitle{
	background: url(../contact/images/h2_bg.gif) 0 .4em no-repeat;
	margin-top: 3em;
	margin-bottom: 0;
	padding-left: 10px;
	}

div#mainarea h2.boxTitle span{
	background: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	}

div#mainarea div.box{
	border: 3px solid #9FD5C3;
	border-top: none;
	padding: 12px 15px 15px 15px;
	}

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

body.toppage div#mainarea div table th{
	line-height: 1.7;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	padding-right: .8em;
	}

body.toppage div#mainarea div table td{
	line-height: 1.7;
	}

/* ==================================================
	=サービス
================================================== */

body.service div#mainarea h3{
	line-height: 1.1;
	margin: 2em 0 .7em 0;
	background: url(../images/dotline.gif) right center repeat-x;
	padding: 2px 0;
	}

/* ==================================================
	=納品までの流れ
================================================== */

body.flow table th{
	vertical-align: top;
	padding: 0 10px 40px 0;
	background: url(../flow/images/arw.gif) 58px 100% no-repeat;
	}

body.flow table tr#lastflow th{
	background-image: none;
	}

body.flow table th img{
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	}

body.flow table td{
	vertical-align: top;
	line-height: 1.7;
	padding: 3px 0 20px 0;
	}

body.flow table tr#lastflow td{
	padding-bottom: 0;
	}

/* ==================================================
	=プロフィール
================================================== */

body.profile h3{
	line-height: 1.7;
	}

body.profile h4{
	line-height: 1.7;
	font-size: 133%;
	margin-bottom: .75em;
	}

body.profile h4 span{
	font-weight: normal;
	font-size: 75%;
	}

/* ==================================================
	=お問い合わせ
================================================== */

input#company, input#name, input#email, textarea#comment{
	width: 290px;
	}

textarea#comment{
	height: 170px;
	}

input#company:focus, input#name:focus, input#email:focus, textarea#comment:focus{
	background-color: #eBf6f3;
	}

body.contact div#mainarea dl dt{
	width: 10em;
	float: left;
	}

body.contact div#mainarea h2 span{
	background: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	}

body.contact div#mainarea div p.btns{
	margin: 0;
	text-align: center;
	}

body.check div#mainarea dl{
	border-bottom: 1px solid #9FD5C3;
	padding-bottom: 1em;
	}

body.check div#mainarea dl dt{
	width: 9em;
	float: left;
	}

body.check div#mainarea dl dd{
	margin-left: 9em;
	}

* html body.check div#mainarea dl dd{
	text-indent: -.25em;
	}


body.check div#mainarea p{
	margin-bottom: 3em;
	}

body.check div#mainarea div.btns{
	text-align: center;
	margin-top: 1.5em;
	}

body.check div#mainarea div.btns form{
	display: inline;
	}