@charset "utf-8";
/* --------------------------------------
* name: base.css
* designer: Koichiro Nishi
* designer_url:  http://www.g-soft.co.jp
* developer: Koichiro Nishi
* developer_url: http://www.g-soft.co.jp
----------------------------------------*/

/*--目　次--------------------------------
* 01.GLOBAL
* 02.HEADER
* 03.GLOBAL NAVI
* 04.CONTENTS
* 05.REQUEST
* 06.FOOTER
* 07.FONT
* 08.MARGIN
----------------------------------------*/

/* //////////////////////////////////////
01.GLOBAL
/////////////////////////////////////// */
body{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:small; color:#333333; margin:0; padding:0; background: url(../images/body.gif) repeat;}
div#body{margin:0; padding:0; background: url(../images/background.gif) repeat-x top;}
form{margin:0; padding:0;}
img {border: 0;}
form,fieldset {border: 0; margin: 0; padding:0;}
input,textarea { margin: 0; padding: 0}
.clear{clear:both;}

/* //////////////////////////////////////
LINK
/////////////////////////////////////// */
a:link{color:#3366CC; text-decoration:underline;}
a:visited{color:#3366CC; text-decoration:underline;}
a:hover{color:#FF6600; text-decoration:underline;}
.pagetop a{clear:both; margin:0; padding:0; float:right; width:76px; height:13px; display:block;}
.pagetop a:link{ background:url(../images/btn_pagetop.gif) no-repeat;}
.pagetop a:visited{background:url(../images/btn_pagetop.gif) no-repeat;}
.pagetop a:hover{background:url(../images/btn_pagetop_on.gif) no-repeat;}

/* //////////////////////////////////////
OTHERS
/////////////////////////////////////// */
.clear{clear:both;}
IMG.left{float:left; margin-right:10px; padding:0}
IMG.right{float:right; margin-left:10px; padding:0}
label{cursor:pointer;}
#floatLeft{float:left;}
#floatRight{float:right;}
sup{font-size:xx-small;}
.floatLeft{float:left;}
.floatRight{float:right;}
img.left5px{margin-right:5px; margin-bottom:5px; float:left;}
img.left10px{margin-right:10px; margin-bottom:10px; float:left;}
.bold{font-weight:bold;}

/* //////////////////////////////////////
02.HEADER
/////////////////////////////////////// */
div#header{width:800px; position:relative; margin:0 auto !important; padding:0; background:url(../images/header.gif) no-repeat #FFFFFF; height:96px;}
div#header H1{font-size:small; color:#666666; margin:0; padding:3px 0 0 5px; font-weight:normal}
div#header H2{position: absolute; top: 70px; left: 280px; font-size: x-small !important; margin:0; padding:0; font-weight:normal; text-align:left;}
div#logo{float:left; width:187px; margin-top:20px; padding:0;}
div#subNavi{position: absolute; float:right; top: 70px; right: 0; font-size: 12px !important;}
div#subNavi UL{list-style-type:none; margin:0 10px; padding:0;}
div#subNavi LI{display:inline; margin:0;}
#help a{padding:0 20px 0 0;}
#sitemap a{padding:0 10px 0 0;}
#inquiry a{padding:0;}

/* //////////////////////////////////////
YA検索・サイト内検索
/////////////////////////////////////// */

div#search{position: absolute; top:27px; right:0; margin:0; padding:0; width:250px;}
div#search DL{margin:0; padding:0;}
div#search DT{float:left; margin:0; padding:5px 0 0 0;}
div#search DD{float:right; margin:0; padding:0;}
div#searchYA{position: absolute; top:27px; right:270px; margin:0; padding:0; width:230px;}
div#searchYA DL{margin:0; padding:0;}
div#searchYA DT{float:left; margin:0; padding:5px 0 0 0;}
div#searchYA DD{float:right; margin:0; padding:0;}

/* //////////////////////////////////////
03.GLOBAL NAVI
/////////////////////////////////////// */
div#globalNavi{clear:both; width:800px; position:relative; margin:0 auto !important; background:url(../images/global_navi.gif) no-repeat; height:29px; position:relative;}
div#globalNavi UL{list-style-type:none; margin:0 10px; padding:0; position:absolute}
div#globalNavi LI{display:inline; margin:0; color:#FFFFFF; float:left; padding:7px 7px 0 0;}
div#globalNavi LI a:link{color:#FFFFFF; font-weight:bold; text-decoration:none;}
div#globalNavi LI a:visited{color:#FFFFFF; font-weight:bold; text-decoration:none;}
div#globalNavi LI a:hover{color:#FFFFFF; font-weight:bold; text-decoration:none;}

/* //////////////////////////////////////
04.CONTENTS
/////////////////////////////////////// */
div#contents{width:800px; position:relative; margin:0 auto !important; padding:0; clear:both; background-color: #FFFFFF; line-height:150%;}

/* //////////////////////////////////////
SITE TITLE
/////////////////////////////////////// */
div#sitetitle{width:auto; margin:0; padding:0; clear:both;}
div#sitetitle h2{float:left; font-size:small; font-weight:normal; padding:10px 0 5px 5px; margin:0;}

/* //////////////////////////////////////
05.REQUEST
/////////////////////////////////////// */
#request{}
#request TH{border-left: #105CB6 5px solid; bordr-right: #f5f5f5 1px solid; border-top: #ffffff 1px solid; padding:4px 0 4px 5px; font-weight: normal; font-size: 12px; vertical-align: top; white-space: nowrap; background-color: #f6f6f6; text-align: left; width:180px}

/* //////////////////////////////////////
06.FOOTER
/////////////////////////////////////// */
div#footer{clear:both; width:800px; margin:0 !important; padding:0; background-color:#FFFFFF;}
div#footer UL{margin:0; padding:5px 0; list-style-type:none;}
div#footer LI{margin:0; padding:0 10px 0 0 ; display:inline;}
div#footer HR{height:1px; color:#eeeeeee;}
div#footer .left{float:left; margin-left:5px;}
div#footer .right{float:right; margin-right:5px;}

/* //////////////////////////////////////
07.FONT COLOR
/////////////////////////////////////// */
.colorFF0000{color:#ff0000;}
.colorFF0000Bold{color:#ff0000; font-weight:bold;}
.colorFF9900{color:#ff9900;}
.colorFF99000Bold{color:#ff9900; font-weight:bold;}
.xx-small{font-size:xx-small}
.x-small{font-size:x-small}
.medium{font-size:medium}
.large{font-size:large}
.x-large{font-size:x-large}
.xx-large{font-size:xx-large}
.larger{font-size:larger}

/* //////////////////////////////////////
08.MARGIN PADDING
/////////////////////////////////////// */
.marginnone{margin:0 0 0 0;}
.margintop5px{margin:5px 0 0 0;}
.margintop10px{margin:10px 0 0 0;}
.marginbottom10px{margin:0 0 10px 0;}
.marginleft10px{margin:0 0 0 10px;}
.marginright10px{margin:0 0 10px 0;}
.margin-tb10px{margin:10px 0;}
.margin-t20pxb10px{margin-top:20px; margin-bottom:10px; margin-right:0; margin-left:0;}
