@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,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;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: 0; vertical-align: middle;}
li { list-style: none;}
a:link { color: #004D98; text-decoration: underline;}
a:visited { color: #004D98; text-decoration: underline;}
a:hover { color: #006DDB; text-decoration: none;}
a:active { color: #004D98; text-decoration: none;}
strong, .important { font-weight: bold; color: #FF7F00;}
.center { text-align: center;}
.right { text-align: right;}
.clear { clear: both;}
.fr { float: right; padding: 0 0 15px 20px;}
.fl { float: left; padding: 0 20px 15px 0;}
.fr img, .fl img { margin-bottom: 10px; border: #FFF solid 3px;
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.4); -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(border-radius.htc);}
/*
10:93%   15:116%     20:153.9%   25:189%
11:93%   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 { text-align: center; background: #FFF url(../images/common/back.jpg) center 0 repeat-x;}
body,input,textarea,select { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #333;}
#container { text-align: left; line-height: 1.6; font-size: 14px;}
#header, #main, .in { width: 960px; margin: 0 auto;}
#wrap { padding: 20px 0 40px; background: url(../images/common/wrap.jpg) 0 0 repeat-x;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 163px;}
#header h1 { font-size: 12px; color: #666;}
#logo { position: absolute; top: 46px; left: 0;}
#header p { position: absolute; top: 33px; right: 0;}
#header p a { position: absolute; top: 12px; right: 12px;}
#header ul { position: absolute; top: 113px; left: 0;}
#header li { float: left;}
#header li a { display: block; height: 50px; background: url(../images/common/btn.jpg) 0 0 no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
li#b1 a { width: 146px; background-position: 0 0;}
li#b2 a { width: 167px; background-position: -146px 0;}
li#b3 a { width: 167px; background-position: -313px 0;}
li#b4 a { width: 294px; background-position: -480px 0;}
li#b5 a { width: 186px; background-position: -774px 0;}
li#b1 a:hover, li#b1 a.on { background-position: 0 -50px;}
li#b2 a:hover, li#b2 a.on { background-position: -146px -50px;}
li#b3 a:hover, li#b3 a.on { background-position: -313px -50px;}
li#b4 a:hover, li#b4 a.on { background-position: -480px -50px;}
li#b5 a:hover, li#b5 a.on { background-position: -774px -50px;}
#bread { padding-bottom: 20px; font-size: 12px;}
#bread .home { padding-left: 16px; background: url(../images/common/home.png)0 center no-repeat;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; position: relative; background: #333; text-align: center; font-size: 12px;}
#footer .in { position: relative; color: #FFF;}
#footer .pt { position: absolute; top: -30px; right: 0;}
#footer ul { padding: 20px;}
#footer li { display: inline; padding: 0 30px;}
#footer li a { padding-left: 14px; background: url(../images/common/arrf.png) 0 center no-repeat; text-decoration: none; color: #FFF;}
#footer address { clear: both; padding: 10px 0; background: #EDEDED; font-size: 10px;}


/*aside*/
/*******************************************************************/
#aside { float: right; width: 230px;}
#aside p { padding-bottom: 20px;}


/*CONTENTS*/
/*******************************************************************/
#contents { float: left; width: 678px;}
#contents p { padding-bottom: 20px;}
.title { margin-bottom: 5px; padding: 10px 0 60px; background: url(../images/common/title.jpg) 0 bottom repeat-x; letter-spacing: 0.1em; font-size: 30px; font-weight: 800;}
.title img { vertical-align: middle;}
.st { clear: both; margin-bottom: 15px; padding: 7px 0 7px 18px; background: #D95700 url(../images/common/st.png) 0 0 no-repeat; letter-spacing: 0.1em; font-size: 16px; font-weight: 800; line-height: 1; color: #FFF;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(border-radius.htc);}
.st a { text-decoration: none; color: #FFF;}
.sub { clear: both; margin-bottom: 15px!important; padding-bottom: 10px; border-bottom: #333 dotted 2px; font-size: 16px; letter-spacing: 0.1em;}
.ul, .ol { margin: 0 0 30px 30px;}
.ul li { padding-bottom: 5px; list-style: disc;}
.ol li { padding-bottom: 5px; list-style: decimal;}


/*top*/
#mainimg { width: 100%; min-width: 960px; height: 330px; background: url(../images/top/main.jpg) center 0 repeat;}
#mainimg h2 { padding-top: 128px; text-align: center;}
.list { margin-bottom: 30px;}
.list li { float: left; width: 220px; margin: 0 0 9px 9px;}
.list li.first { margin-left: 0;}
.list li h4 a { display: block; padding: 10px 5px; text-align: center; background: #0B2115 url(../images/top/name.png) 0 0 repeat-x; text-align: center; text-decoration: none; color: #FFF;
 -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; behavior: url(border-radius.htc);}
.img img { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; behavior: url(border-radius.htc);}
.list li p { padding: 10px!important; font-size: 13px; line-height: 1.4;}
.more { text-align: center;}


/*product*/
.sec { margin-bottom: 30px;}
.line { border-bottom: #A8A8A8 dotted 1px;}
.info { float: left; width: 430px;}
.info h3 { padding-bottom: 10px; letter-spacing: 0.1em; font-size: 22px; font-weight: 800; text-decoration: none; color: #000;}
.ba { background: url(../images/product/arr.png) 330px 70px no-repeat;}
.ba .fl, .ba .fr { text-align: center; font-weight: bold;}


/*company*/
.map { margin-bottom: 10px; border: #CCC solid 5px;}


/*download*/
.download { margin-bottom: 30px;}
.download li { float: left; width: 310px; margin: 0 10px 10px;}
.download li a { display: block; padding: 10px 0 20px 50px; background: url(../images/download/pdf.png) 0 0 no-repeat; border-bottom: #CCC dotted 1px;}
.box { margin-bottom: 30px; padding: 20px 20px 0; border: #333 solid 2px;}


/*contact*/
.ts { margin-bottom: 40px; border: #DDD solid 1px;}
.ts table { width: 100%;}
.ts th, .ts td { padding: 10px 20px; background: #FFF url(../images/common/ts.gif) 0 bottom repeat-x; vertical-align: middle;}
.ts th { width: 110px; background-color: #F6F6F6; border-top: #FFF solid 1px; border-left: #FFF solid 1px;}
.ts th span { float: right;}
.long th { width: 170px;}
.ts .ul { margin-bottom: 0;}
input, textarea { padding: 2px;}


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