@charset "UTF-8";

*{
	margin :0px;
	padding 0px;
}

html{
	height:100%;
}

body{
	background-image:url(../image/background.gif);
	background-repeat:repeat-x;
	height:100%;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif,"メイリオ", Meiryo;
	color:#333;
	line-height:1.3em;
	font-size:13px;	
	
}

img {
	border: none;
}

strong{
	font-weight:normal;
}

#wrapper {
	
	width : 900px;

	margin-right: auto;
	margin-left: auto;

	height:100%;
	min-height:100%;
	position:relative;

	border-left:1px #333 solid;
	border-right:1px #333 solid;
	background-color:#FFF;
}

#head_msg{

	text-align:left;

	padding:2px;
	height:17px;

	background-image:url(../image/back_head_msg.gif);
	background-repeat:repeat-x;
/*
	background-color:#3E9409;
*/

	border-bottom: 3px #333 solid;

	color:#FFF;
}

#head{
	background-image:url(../image/back_head.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	height:70px;
	padding-top:5px;
	padding-bottom:5px;
}

#menu{
	height:50px;
	background-image:url(../image/back_menu.jpg);
	background-repeat:repeat-x;
}

#menu a{
	display : inline-block;	
}

#menu ul{
    padding-left:0;
    margin-left:0;
	list-style:none;
	display: inline-block;
}
#menu li{
	float:left;
	list-style:none;
	display: inline-block;
}

#menu a.home:link{
	background-image : url(../image/menu_home.jpg);
}

#main{
	text-align:left;
	background-color:#FFF;
	padding-bottom:25px;
/*	margin:10px;*/
}

#foot{
	width:900px;
	height:21px;
	padding-top:4px;
	text-align:center;
	background-color:#FFF;
	position:absolute;
	bottom:0px;
	
}

body > #wrapper {
	height: auto;
}

#contents{
/*	padding-top:10px;*/
	margin:10px;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:13px;
	line-height:inherit;
}

#logo{
	float:left;
	margin-left:15px;
}
#contact{
	margin-top:42px;
	margin-right:20px;
	float:right;
}

#pan{
	padding:5px;
	font-size:11px;
}
#pan a:link,#pan a:visited{
	color:#333;
	text-decoration:none;
}
#pan a:hover,#pan a:active{
	color:#F60;
	text-decoration:underline;
}

/* トップページ用 */
#top_flash{
	border-bottom:1px #333 solid;
}

#title{
	margin:10px;
	margin-top:0px;
}

#contents_left{
	float:left;
	width:340px;	
}
#top_msg{
	background-image:url(../image/top/back_top_msg.jpg);
	background-repeat:no-repeat;
	
	width:340px;
	height:315px;

	margin-top:10px;
}

#top_msg .msg{
	padding:5px;
	padding-top:13px;
	/*line-height:1.2em;*/
}

#top_msg dd{
	margin-left:10px;
}

#top_comment{
	width:340px;
	height:193px;
	background-image:url(../image/top/back_top_comment.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
}

#top_comment .msg{
	padding:12px;
}

.red{
	color:#F00;
}

/* TOPページで使用*/
#service{
	float:right;
	width:530px;
}
/* TOPページのサービスメッセージの枠 */
#service_item_top{
	border-bottom:1px #101E9A dashed;
	height:120px;
}

.float_left{
	float:left;
/*	background-color:#F00;*/
}
.float_right{
	float:right;
	background-color:#F0F;
}

/*左側のメッセージ部分の枠 */
.wap_msg_service , .wap_msg_flow , .wap_msg_sitemap{
	width:340px;
	height:260px;
	background-image:url(../image/service/msg_back.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
}

/*左側のメッセージ部 */
.msg_service_top , .msg_flow_top , .msg_sitemap_top{
	margin:15px;
	line-height:1.4em;
}

/*右側の枠*/
.wap_item_service , wap_item_flow , .wap_item_sitemap{
	padding-top:5px;
/*	width:535px;*/
}

/* サービスページの各アイテム枠*/
.service_item{
	height:220px;
	width:535px;
/*	background-color:#03C;*/
}
/* サービスページの各アイテム メッセージ*/
.service_item_msg{
	margin-top:10px;
	line-height:1.5em;
}

/* 納品まで用 */
h3.title_flow , h3.title_sitemap{
	padding:10px;
	padding-left:15px;
	border-left:5px #6F84AD solid;
	border-bottom:1px #6F84AD solid;
	font-size:15px;
	font-weight:bold;
}
.flow_item , .sitemap_item{
	width:515px;
	line-height:1.8em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	
/*	background-color:#CC6;*/
}



/* コンタクトページ用 */
.contact_msg{
	width:700px;
	
	/* DIV の中央寄せ*/
	margin: 0 auto;
}

div.contact_attention{
	margin-top:10px;
	text-align:right;
	margin-right:30px;
}

table.contact{
	width:100%;
	border:1px #8CA6D9 solid;
	border-collapse: collapse;
}
tr.contact{
	border-bottom:1px #8CA6D9 dotted;
}
th.contact{
	width:150px;
	text-align:left;
	padding:5px;
	background-color:#BDD3FF;
	border-right:1px #8CA6D9 dotted;
	border-bottom:1px #8CA6D9 dotted;

}
td.contact{
	text-align:left;
	padding:5px;	
	border-bottom:1px #8CA6D9 dotted;

}
.input_L{
	width:300px;
}

.attention{
	color:#F30;
	font-weight:bold;
}

textarea.contact{
	width:520px;
	height:250px;	
}

pre.contact{
	width:520px;	
}

.contact_button{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

button{
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}