@charset "utf-8";



/* @group Reset */

/* Reset
------------------------------------------------------------ */

html{color:#000;background:#e00516;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,form,input,textarea,fieldset,legend,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img,fieldset{border:0 none;}
abbr,acronym{border:0 none;font-variant:normal;}
li{list-style:none;}
caption,th{text-align:left;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

/* @end */





/* @group Settings */

/* Settings
------------------------------------------------------------ */

body {
	background: #e00516;
	color: #333;
	font-size: 82%;
	font-family: 
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

a:link, a:visited {color: #e60012;}
a:link:hover, a:visited:hover {color: #2756af;}

.clearfix:after {
	content:".";display:block;clear:both;height:0;visibility:hidden;
}

/* @end */





/* @group Container */

/* Container
------------------------------------------------------------ */

#container {
	padding-bottom: 80px;
	background: #fff url(../img/bg_header.png) repeat-x;
	text-align: center; /* ie6 */
}

#wrap_content {
	margin: 0 auto;
	padding: 0 20px;
	width: 900px;	_width: 940px;
	text-align: left; /* ie6 */
}

#main {
	float: left;
	width: 635px;
}

#sidebar {
	float: right;
	width: 235px;
}

/* @end */





/* @group Header */

/* Header
------------------------------------------------------------ */

#header {
	margin: 0 auto;
	width: 940px;	height: 360px;
}

#head {
	position: relative;
	margin: 0 auto;
	width: 900px;	height: 84px;
	text-align: left; /* ie6 */
}

/* (logo) */

#header h1 {
	position: relative;
	top: 33px;	left: 22px;
	width: 162px;
}

#header p.catch {
	position: relative;
	top: 15px;	left: 203px;
	width: 309px;
}

/* (headmenu) */

#header ul#headmenu {
	position: relative;
	top: -36px;	left: 564px;
	width: 340px;
}

#header ul#headmenu li {
	display: inline;
	float: left;
	margin-left: 7px;
}

/* (tel) */

#header p.tel {
	position: relative;
	top: -23px;	left: 717px;
	width: 179px;
}
* html #header p.tel {top: -29px;}
*:first-child+html #header p.tel {top: -29px;}

/* (navmenu) */

#header ul#navmenu {
	margin: 0 auto;
	width: 900px;
	height: 34px;
	_margin-top: -7px;
	_margin-left: 0px;
}

#header ul#navmenu li {
	float: left;
}

/* (banner) */

#header #banner {
	margin: 7px auto 0;
	_margin-top: 1px;
}

/* @end */





/* @group content: Main */

/* content: Main
------------------------------------------------------------ */

#main p.t0 {
	margin: 25px 0 20px;
}

#main h3 {
	margin-bottom: 10px;
}

#main ul.listService {
	margin-bottom: 12px;
	padding-right: 10px;
}

#main ul.listService li {
	margin-left: 24px;
	padding-left: 12px;
	margin-bottom: 0.5em;
	background: url(../img/list.png) no-repeat 0 5px;
}

/* @end */





/* @group content: Sidebar */

/* content: Sidebar
------------------------------------------------------------ */

#sidebar h6 {
	margin-top: 20px;
}

#sidebar ul.services {
	padding-bottom: 22px;
	background: url(../img/sidebar_service_bottom.png) bottom no-repeat;
}

#sidebar ul.services li {
	padding: 0 17px 5px;
	background: url(../img/sidebar_service_body.png);
	line-height: 1em;
}

#sidebar ul.services li:last-child {
	padding-bottom: 0;
}

#sidebar p.contact {
	margin-top: 20px;
}

/* @end */





/* @group Footer */

/* Footer
------------------------------------------------------------ */

#footer {
	position: relative;
	padding-bottom: 150px;
	background: #e00516 url(../img/bg_footer.png) repeat-x;
	_text-align: center;
}

#footer p.pagetop {
	position: relative;
	margin: 0 auto;
	left: 366px;
	width: 168px;
}

#footer ul {
	position: relative;
	margin: 0 auto;
	top: 20px;
	left: -200px;	_left: -290px;
	width: 500px;
}

#footer ul li {
	display: inline;
	margin-right: 10px;
}

#footer p.copy {
	position: relative;
	margin: 0 auto;
	top: 40px;	left: 318px;
	width: 309px;
}

/* @end */





/* @group Page */

/* Page
------------------------------------------------------------ */

.page #container {
	background: #fff url(../img/bg_header_page.png) repeat-x;
}

.page #header {
	height: 124px;
}

.page #sidebar h6 {
	margin-top: 33px;
}

.page p.pankuzu {
	margin: 13px 0 23px 2px;
	font-size: 13px;
}

.page p.pankuzu a {
	font-weight: bold;
	text-decoration: none;
}

.page p.pagetitle {
	margin-bottom: 25px;
}

.page p.text {
	margin-left: 2px;
}

/* (work) */

.page .wrap_client {
	clear: both;
	padding-top: 20px;
	margin-bottom: 30px;
	border-top: 1px dotted #ccc;
}

.page .firstWrap {
	padding-top: 5px;
	border: 0 none;
}

.page .wrap_client img {
	float: right;
	border-left: 10px solid #fff;
}

.page .wrap_client dt {
	margin-left: 10px;
	font-weight: bold;
}

.page .wrap_client dd {
	margin-left: 10px;
	margin-bottom: 1.3em;	
}

/* (voice) */

.page h2.voice_catch {
	margin: 0 0 25px 3px;
}

.page p.img_voice {
	float: right;
	border-right: 10px solid #fff;
	border-bottom: 20px solid #fff;
	border-left: 15px solid #fff;
}

.page div.text_voice p {
	margin-bottom: 0.7em;
	line-height: 1.5;
}

/* (company) */

.page #about_company {
	width: 100%;
	font-size: 12px;
}

.page #about_company th {
	padding: 5px 8px;
	border: 1px solid #e60012;
	font-weight: bold;
}

.page #about_company td {
	padding: 5px 8px;
	border: 1px solid #ccc;
	border-left: 0 none;
}

.page #about_company p {
	margin: 5px 0;
	line-height: 1.5;
}

/* (privacy) */

body.privacy h5 {
	margin: 15px 0;

}

body.privacy p.text {
	padding: 0 10px 0 20px;
	margin-bottom: 10px;
	line-height: 1.3;
}

/* (sitemap) */

.page dl.box_sitemap {
	padding: 10px 12px;
	margin-bottom: 20px;
	border: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.page dl.box_sitemap dt {
	margin-bottom: 10px;
	font-weight: bold;
}

.page dl.box_sitemap dd li {
	margin-left: 16px;
	padding-left: 12px;
	margin-bottom: 0.3em;
	background: url(../img/list.png) no-repeat 0 5px;
	font-size: 11px;
}

.page dl.box_sitemap dd li a {
	font-size: 13px;
}

/* (contact) */

form#ndForm {
	font-size: 12px;
	margin-bottom: 50px;
}

form#ndForm select {
	margin-left: 15px;
	margin-bottom: 7px;
}

form#ndForm label.askContent {
	display: block;
	margin-left: 15px;
	font-size: 11px;
}

form#ndForm p {
	margin-left: 15px;
}

form#ndForm textarea {
	width: 600px;
	margin-left: 15px;
	background: #efefef;
}

form#ndForm div {
	width: 600px;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

form#ndForm table {width: 100%;}
form#ndForm td.l {width: 120px;}

form#ndForm td {
	padding: 3px 10px;
	border-bottom: 1px solid #ccc;
}

form#ndForm .last td {border-bottom: 0 none;}

form#ndForm div.submit {
	border: 0 none;
	margin-left: 0;
	text-align: center;
}

form#ndForm p.about_confrim {
	margin-left: 18px;
}

form#ndForm div#content_confrim {
	margin-top: 5px;
	padding: 2px 3px;
	width: 600px;
	background: #efefef;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 11px;
	color: #000;
}

form#ndForm .red {color: red;}
form#ndForm .hide {display: none;}

iframe#if-ndForm {
	width: 635px;
	height: 800px;
	overflow-x: hidden;
}

/* @end */





/* @group .class */

/* .class
------------------------------------------------------------ */

.bold {font-weight: bold;}

.mt00 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

/* @end */
