@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}


body{
	background:#eaeaea url(../img/cmn_bg.gif) top center repeat-y;
	line-height:150%;
}


#wrapper{
	width:750px;
	margin:0 auto;
	background:#fff;
}

#container{
	zoom:0;
		
}

#container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#left{
	width:199px;
	float:left;
}

#left p.logo{
}

#left p.tel{
	margin-left:8px;
	margin-top:-15px;
}

#gnav{
	background:url(../img/cmn_gnav_bg.gif) left bottom no-repeat;
	padding-bottom:37px;
}

#right{
	background:#fff url(../img/cmn_r_bg.gif) left top no-repeat;
	width:551px;
	float:right;
}

#right p.flash{
	padding:1px 0 25px 1px;
	background:url(../img/cmn_img_bg.gif) left bottom no-repeat;
}

#right h1{
	height:136px;
	background:url(../img/cmn_img_bg.gif) left bottom no-repeat;
}

#right h2{
	margin-bottom:20px;
}

#header{
	width:551px;
	height:42px;
	background:#fff url(../img/cmn_hdr_bg.gif) 0 0 no-repeat;
	position:relative;
}

#hnav li.home{
	position:absolute;
	top:16px;
	left:369px;
}

#hnav li.contact{
	position:absolute;
	top:16px;
	left:451px;
}

#contents{
	width:510px;
	margin:0 auto;
}

#contents p.go_top{
	text-align:right;
	margin:30px 0;
}


#footer{
	width:750px;
	border-top:1px #cccccc solid;
	background:#fff;
}

ul#fnav{
	background-color:#f2f2f2;
	padding:13px 0 13px 0;
	margin:1px;
	text-align:center;
	display:block;
}

ul#fnav li{
	display:inline;
}

ul#fnav li a{
	color:#0066cc;
}

ul#fnav li a:hover{
	color:#000;
}

#footer p.copy{
	border-top:none;
	background-color:#006699;
	text-align:right;
	padding:15px 20px;
	margin:0 1px 1px 1px;
}

/**********TOP
****************************************/

.page_top #right div.info{
	width:528px;
	margin:-4px 0 10px 11px;
	border:1px #999999 solid;
}

.page_top #right div.info dl{
	width:490px;
	overflow:hidden;
	margin:8px 0 20px 17px;
}

.page_top #right div.info dl dt{
	float:left;
	padding:8px 10px 10px 10px;
	color:#0066cc;
}

.page_top #right div.info dl dd{
	border-bottom:1px #cccccc dotted;
	padding:8px 10px 10px 8em;
}

.page_top #right div.detail{
	width:528px;
	margin:20px 0 10px 11px;
	border:1px #999999 solid;
}

.page_top #right div.info h2,.page_top #right div.detail h2{
	margin-bottom:0;
}

.page_top #right div.detail ul{
	width:520px;
	background-color:#f0f0f0;
	border:1px #fff solid;
	border-top:none;
	overflow:hidden;
	padding:0 3px 12px 3px;
}

.page_top #right div.detail li{
	float:left;
}


/**********GREETINGS
****************************************/

.page_greetings #right img.idea{
	margin-left:20px;
	margin-bottom:20px;
}

.page_greetings #right div.president{
	width:510px;
	overflow:hidden;
	margin-bottom:20px;
}

.page_greetings #right div.president img{
	float:left;
}

.page_greetings #right div.president p.txt{
	padding-left:215px;
	margin-right:5px;
}

.page_greetings #right div.president p.name{
	padding:20px 0 0 355px;
}

/**********BUSINESS
****************************************/

page_business #right p.pic{
	margin-left:-2px;
	margin-bottom:20px;
}

.page_business #right p.pic img{
	margin-bottom:20px;
}

.page_business #right p.txt{
	margin:20px 0;
}

/**********FEATURE
****************************************/

.page_feature #contents div.feature{
	width:510px;
	overflow:hidden;
	margin:20px 0;
}

.page_feature #contents div.feature p{
	width:290px;
	float:left;
	
}

.page_feature #contents div.feature img{
	float:right;	
}

.page_feature #contents img.three{
	margin-bottom:20px;	
}

.page_feature #contents table{
	width:100%;
	border-top:1px #2f569d dotted;
}

.page_feature #contents table th{
	width:160px;
	background-color:#f2f9fc;
	color:#2f569d;
	border-right:2px #2f569d solid;
	text-align:right;
	font-weight:bold;
}

.page_feature #contents table th,.page_feature #contents table td{
	border-bottom:1px #2f569d dotted;
	padding:9px 13px;
}

/**********OFFICE
****************************************/

.page_office #contents img.main{
	margin-top:-10px;
}

.page_office #contents img{
	margin-bottom:10px;
}

/**********COMPANY
****************************************/

.page_company #contents  div.brief{
	width:510px;
	overflow:hidden;
	margin-bottom:20px;
}

.page_company #contents div.brief img{
	float:right;
}

.page_company #contents div.brief table{
	width:330px;
	border-top:1px #2f569d dotted;
	float:left;	
}

.page_company #contents div.brief table th{
	width:90px;
	background-color:#f2f9fc;
	color:#2f569d;
	border-right:2px #2f569d solid;
	text-align:right;
	font-weight:bold;
}

.page_company #contents div.brief table th,.page_company #contents div.brief table td{
	border-bottom:1px #2f569d dotted;
	padding:9px 13px;
}

.page_company #contents p.map{
	margin-bottom:20px;
}

.page_company #contents ul.partner{
	margin-left:20px;
	margin-bottom:20px;
}

.page_company #contents ul.partner li{
	background:url(../img/company_cir.gif) 0 0.6em no-repeat;
	padding-left:15px;
}

.page_company #contents div.facilities{
	width:486px;
	overflow:hidden;	
	margin-left:20px;
	margin-bottom:20px;
}

.page_company #contents div.facilities ul{
	float:left;
	margin-right:30px;
}

.page_company #contents div.facilities ul li{
	background:url(../img/company_cir.gif) 0 0.6em no-repeat;
	padding-left:15px;
}

.page_company #contents img.car{
	margin-left:5px;
}

/**********CONTACT
****************************************/
/*
.page_contact #contents p.txt{
	margin-bottom:20px;
}

.page_contact #contents form table{
	width:100%;
	border-top:1px #2f569d dotted;
	margin-bottom:20px;
}

.page_contact #contents form table th{
	width:158px;
	background-color:#f2f9fc;
	color:#2f569d;
	border-right:2px #2f569d solid;
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}

.page_contact #contents form table th,.page_contact #contents form table td{
	border-bottom:1px #2f569d dotted;
	padding:9px 15px;
}

.page_contact #contents form span.txt{
	margin:0 5px;
}

.page_contact #contents form input.short{
	width:110px;
}

.page_contact #contents form input.long{
	width:230px;
}

.page_contact #contents form textarea{
	width:230px;
}

.page_contact #contents form p.btn_submit{
	width:315px;
	margin:0 auto;
	margin-bottom:20px;
}

.page_contact #contents form p.btn_submit input{
	padding-right:7px;
}

form .btns{
	text-align:center;
	margin:0 auto 30px auto;
	overflow:hidden;
	zoom:1;
	width:320px;
}

form .btns input{
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	width:150px;
	height:40px;
}

form .btns .btn_submit{
	background:url(../img/contact_btn_submit.gif) 0 0 no-repeat;
	margin:auto;

}

form .btns .btn_back{
	background:url(../img/contact_btn_back.gif) 0 0 no-repeat;
	float:left;

}


form .btns .btn_send{
	background:url(../img/contact_btn_send.gif) 0 0 no-repeat;
	float:right;

}

.page_contact #contents .message{
	background-color:#fee;
	padding:10px;
	border:#f00 1px solid;
	margin:0 0 15px 0;
	text-align:center;
}

.page_contact #contents .message2{
	background-color:#eff;
	padding:10px;
	border:#0ff 1px solid;
	margin:0 0 15px 0;
	text-align:center;
}

.err{
	color:#f00;
}

.page_contact #contents .must{
	color:#f11;
}
*/
.page_info {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 80px;
}
.page_info table {
	width: 510px;
}
.page_info th {
	text-align: left;
	width: 150px;
	vertical-align: top;
}
.page_info td {
	vertical-align: top;
}
.page_info p {
	margin-top: 3px;
}
.page_info .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.page_info .date {
	font-size: 10px;
}.page_info .img {
	border: 1px solid #666666;
}
.page_info .detail {
	font-size: 12px;
	line-height: 24px;
}
.border_dot1 {
	background-image: url(../img/border_dot.gif);
	background-repeat: repeat-x;
	height: 30px;
	width: 510px;
}