@charset "Shift_JIS";

/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
	font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", Meiryo, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#333;
	background:url(../images/bg.jpg) repeat-x top #fff;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear: both;
	visibility: hidden;
}
input,
textarea{
	font-size:1em;
	font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", Meiryo, sans-serif;
	margin-right:5px;
}
table th,
table td {
	text-align:left;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#2bb3fc;
}
a:hover {
	color:#f60;
}

/* margin-padding
----------------------------------------------------------*/
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.pr15 {padding-right:15px;}
.pr10 {padding-right:10px;}
.pr55 {padding-right:55px;}
/* color
----------------------------------------------------------*/
.red {color:#900;}
.blue{ color:#00427f;}
.orange{ color:#ff6c00;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.small {font-size:80%; line-height:120%;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.t-right {text-align:right;}
.v-top {vertical-align:top;}
.v-top img{vertical-align:top;}
.v-bottom {vertical-align:bottom;}
.v-bottom img{vertical-align:bottom;}
/* title
----------------------------------------------------------*/
.h3_kon{
	background-color:#0d1533;
	padding:5px 5px;
	color:#fff;
}
.h4_kon{
	background-color:#0d1533;
	padding:2px 5px;
	color:#fff;
}

/* base
----------------------------------------------------------*/
#wrapper {
	width:885px;
	margin:0 auto;
}

/* header
----------------------------------------------------------*/
#header {
	width:885px;
	height:91px;
	background:url(../images/head_bg.jpg) no-repeat top;
}
h1 {
	height:13px;
	padding-top:3px;
	line-height:100%;
	overflow-y:hidden;
	font-size:10px;
	color:#333;
	font-weight:normal;
}
.l315{
	width:315px;
	float:left;
}
.r343{
	width:343px;
	float:right;
}
/* navi
---------------------------------------------------- */
#navi {
	width:885px;
	height:49px;
	line-height:12px;
	float:left;
	margin-bottom:10px;
}

#navi ul {list-style: none;}
#navi li {float:left;}
#navi ul img{ vertical-align:top;}
/* content
----------------------------------------------------------*/
#content {
	background-color:#fff;
	width:885px;
}
#left-content {
	width:600px;
	float:left;
	padding-bottom:30px;
}
#right-content {
	width:270px;
	float:right;
	padding-bottom:30px;
}
h2{
	margin-bottom:20px;
}
h3{
	margin-bottom:10px;
}
/*floati‚»‚Μ‚½‚ί‚Μ•‚ΰj
----------------------------------------------------------*/
.w150{
	width:150px;
}
.w395{
	width:395px;
}
.w600{
	width:600px;
}
.r556{
	width:556px;
	float:right;
}
.r120{
	width:120px;
	float:right;
}
.r175{
	width:175px;
	float:right;
}
.r270{
	width:270px;
	float:right;
}
.r400{
	width:400px;
	float:right;
}
.r460{
	width:460px;
	float:right;
}
.w885{
	width:885px;
}
.l600{
	width:600px;
	float:left;
}
.l690{
	width:690px;
	float:left;
}
.l715{
	width:715px;
	float:left;
}
.r715{
	width:715px;
	float:right;
}

/* 01-index
----------------------------------------------------------*/
.top_photo{
	width:190px;
	float:left;
	padding-bottom:10px;
}
.top_photo img{
	margin-bottom:5px;
}

.top_photo_l{
	width:190px;
	float:right;
	padding-bottom:10px;
}
.top_photo_l img{
	margin-bottom:5px;
}

.adobe{
	background-color:#ededed;
	padding:7px 5px;
}
.top_box1{
	width:100%;
}
.top_box1 td{
	width:93px;
}
.top_box1 .teck{
	padding-left:15px;
}
.top_waku{
	border-collapse:collapse;
	border:1px solid #ccc;
	padding:1px;
}
.top_waku p{
	padding:0px 5px 10px 5px;
}
.top07_bg{
	background:url(../images/top07_bg.jpg) no-repeat bottom;
	padding:20px;
	color:#fff;
	margin-bottom:20px;
}
.top07_bg img{
	margin-bottom:10px;
}
/* 03-spider
----------------------------------------------------------*/
.spider_box{
	width:285px;
	float:left;
}
.spider_box_l{
	width:285px;
	float:right;
}
.spider_box_waku{
	width:100%;
	margin-top:20px;
}
.pd128{
	padding:0px 128px;
}
.r556 p{
	text-align:center;
}
.spider_box1{
	width:180px;
	float:left;
}
.spider_box_1_l{
	width:180px;
	float:right;
}
.spider_box1 img{
	margin-bottom:10px;
}
/* 04-company
----------------------------------------------------------*/
.company_box1{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-bottom:30px;
}
.company_box1 th{
	width:30%;
	background-color:#efefef;
}
.company_box1 th,.company_box1 td{
	padding:2px 5px;
	border-collapse:collapse;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
/* 05-contact
----------------------------------------------------------*/
.contact_tb{
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	}
.contact_tb th,
.contact_tb td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 10px;
}
.contact_tb th{
	text-align:left;
	border-left:1px solid #ccc;
	background:#f1f1f1;
	width:170px;
}
.contact_tb span{
	font-size:11px;
}
form p{text-align:center; margin-top:5px; margin-bottom:20px;}
.form01{width:100px;}
.form02{width:150px;}
.form03{width:250px;}
.form04{width:350px;}
.form05{width:650px;}

textarea{ font-size:12px;}

								 

/* footer
----------------------------------------------------------*/
.pagetop {
	text-align:right;
	padding-top:30px;
}
#footer {
	border-collapse:collapse;
	border-top:3px solid #272a27;
	font-size:11px;
	line-height:12px;
	height:100px;
}
#footer ul {
	padding-top:7px;
	text-align:center;
	margin-bottom:10px;
	}
#footer li{
	display:inline;
	border-right:1px solid #333;
}
#footer li a {
	color:#333;
	padding:0px 5px 0px 7px;
}
#footer a:link,
#footer a:visited {
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
	color:#36f;
}
#footer .end {
	border:none;
}
/* print
----------------------------------------------------------*/
@media print {


}