@charset "shift_jis";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
li { list-style-type: none;}
a:link { color: #06C; text-decoration: underline;}
a:visited { color: #005BAC; text-decoration: underline;}
a:hover { color: #E60000; text-decoration: none;}
a:active { color: #06C; text-decoration: none;}
p { padding: 0 0 20px;}
ol, ul { margin: 0 30px 20px;}
ul li { list-style: disc;}
ol li { list-style: decimal;}
strong { font-size: 108%; font-weight: bold; color: #F60;}
img { vertical-align: bottom;}
hr { height: 1px; color: #CCC;}
.center { text-align: center;}
.right { text-align: right;}
.required { margin: 0 5px; padding: 0 2px; background: #FFF; color: #F33;}
.fl { float: left; padding: 0 10px 20px 0;}
.fr { float: right; padding: 0 0 20px 10px;}
.cl { clear: left;}
.mt { margin-top: 20px;}
.mb { margin-bottom: 20px;}
.pt { padding-top: 40px;}
.pb { padding-bottom: 40px;}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/



/*LAYOUT*/
/*******************************************************************/
body { margin: 0 auto; text-align: center; background: #FFF url(../images/back.jpg) 0 0 repeat-x; font-size: 81.25%; font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1.5; color: #333;}
#container { width: 950px; margin: 0 auto; text-align: left; font-size: 108%;}



/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 155px; text-align: right; line-height: 1.2;}
#logo { float: left; padding-top: 30px;}
#header h1 { padding: 10px 0 10px; font-size: 11px; color: #666;}
#header h1 span { font-size: 16px;}
#header ul { position: absolute; top: 100px; left: 0; margin: 0; text-align: left;}
#header li { float: left; list-style: none;}
#header li a { width: 118px; height: 55px; background-image: url(../images/btn.jpg);}
li#b01 a { background-position: 0 0;}
li#b02 a { background-position: -118px 0;}
li#b03 a { background-position: -236px 0;}
li#b04 a { background-position: -354px 0;}
li#b05 a { background-position: -472px 0;}
li#b06 a { background-position: -590px 0;}
li#b07 a { background-position: -708px 0;}
li#b08 a { width: 124px; background-position: -826px 0;}
li#b01 a:hover, li#b01.on a { background-position: 0 -55px;}
li#b02 a:hover, li#b02.on a { background-position: -118px -55px;}
li#b03 a:hover, li#b03.on a { background-position: -236px -55px;}
li#b04 a:hover, li#b04.on a { background-position: -354px -55px;}
li#b05 a:hover, li#b05.on a { background-position: -472px -55px;}
li#b06 a:hover, li#b06.on a { background-position: -590px -55px;}
li#b07 a:hover, li#b07.on a { background-position: -708px -55px;}
li#b08 a:hover, li#b08.on a { background-position: -826px -55px;}
#breadcrumb { clear: both; padding: 6px 0 16px; text-align: right; font-size: 77%; line-height: 1.2; color: #AAA;}
#breadcrumb a { text-decoration: none; color: #AAA;}



/*FOOTER*/
/*******************************************************************/
.pagetop { padding: 0 0 4px; text-align: right;}
#footer { clear: both; height: 100px; padding: 10px 20px 0; background: #EDEDED; font-size: 85%;}
#footer p { float: left; padding-right: 20px;}
#footer a { padding-left: 10px; background: url(../images/arrow.gif) 0 center no-repeat; text-decoration: none;}
#footer address { float: right;}



/*CONTENTS*/
/*******************************************************************/
#main { margin: 15px 0 0; backface-visibility: #FFF;}
#contents { float: left; width: 672px;}
#aside { float: right; width: 250px;}

#main h2, #main h3 { clear: both; margin-bottom: 10px;}
#main h3.st { clear: both; margin-bottom: 15px; padding: 0 0 2px 16px; background: url(../images/h3.gif) 0 0 no-repeat; border-bottom: #06C solid 2px; font-size: 116%; color: #06C;}
#main h4 { font-weight: bold;}

#main td { vertical-align: top;}

.set { width: 100%; margin-bottom: 20px; border-top: solid 1px #CCC; border-left: solid 1px #CCC; line-height: 1.2;}
.set table { margin-bottom: 10px; border-top: solid 1px #CCC; border-left: solid 1px #CCC;}
.set th { padding: 8px 10px; text-align: center; background: #06C; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; color: #FFF; font-size: 85%;}
.set td { padding: 8px 10px; vertical-align: middle!important; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; font-size: 85%;}

.message { margin-bottom: 30px;}
.message th { background: #019EB8;}

.idea { margin-bottom: 30px;}
.idea p { padding-left: 13px;}

.company { width: 350px!important;}

.service { float: right; width: 370px;}
.service h4 { padding-bottom: 10px;}

input { width: 250px; margin: 5px 5px 5px 0; padding: 1px; vertical-align: middle!important;}
textarea { width: 420px; height: 160px;}
.ivs { width: 40px;}
.is { width: 80px;}




/*PAGE*/
/*******************************************************************/
.top #aside { padding-top: 36px;}
.top table { margin-bottom: 30px;}
.top td { padding-left: 12px;}
.top td.first { padding-left: 0;}
.map { margin-bottom: 40px; padding: 10px; text-align: center; border: #EEE solid 4px;}





/*HACK*/
/*******************************************************************/
/*indent*/
#header li a { display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}

/*clear*/
#main, #footer, .cf { display:inline-block;}
#main:after, #footer:after, .cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*Hides from IE-mac\*/
* html #main, * html #footer, * html .cf {height:1%;}
#main, #footer, .cf { display:block;}
/*End hide from IE-mac*/