@charset "utf-8";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
html {overflow-y:scroll;}
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}  
caption {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top; font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
sup { _margin-left: 15px; }

/*-----------------------------------回り込み解除*/
.clearBoth { clear: both; }
/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }
/*-----------------------------------imgの下の隙間をなくす*/
img { vertical-align:bottom; }
/*-----------------------------------基本セッティング*/
body{ font-family: "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif; color: #333; font-size: 12px; _font-size:83%; background: url(../images/body_bk.jpg) repeat-x top; }
table { font-size:inherit; }
/*a { outline : 0 ;}*/
a { text-decoration: none; color: #2624b3;}
a:hover { text-decoration: underline; }
li,p,dl,dd { line-height: 1.6; }
td,th,h1,h2,h3,h4{ line-height: 1.5; }
strong,em { font-weight: bold; }
address { line-height: 1.5; }
/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT30 { margin-top: 30px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marB20 { margin-bottom: 20px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marR20 { margin-right: 20px; }
.marL5 { margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
/*-----------------------------------線*/

/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: decimal; margin: 5px 0 0 25px; line-height:1.3; }
.list02 li{	list-style-position: outside; list-style-type: disc; margin: 5px 0 0 25px; line-height:1.3; }
.list03 li { background:url(../images/circle.gif) no-repeat left 4px; padding: 0 0 0 15px; }
.list04 li { background:url(../images/sankaku02.gif) no-repeat left 5px; padding: 0 0 0 15px; }
/*-----------------------------------リンク*/
.link01 a { color: #333; }
/*-----------------------------------フォント設定*/
.normal { color: #333; font-weight: normal; font:12px;*font-size:small;*font:x-small; }
.small { font-size: 10px; _font-size: 83.3%; }
.large { font-size: 14px; _font-size: 116.6%; }
.xlarge { font-size: 16px; _font-size: 133.3%; }
.color01 { color:#ff0000; }
.new { color:#ff0000; font-weight: bold; }
/*-----------------------------------外枠*/
#wrapper { width:950px; padding: 0px 5px; margin: 0 auto; position: relative; background:url(../images/body_bk.gif) repeat-y;}
/*-----------------------------------ヘッダー*/
#header { width:950px; height: 55px;position: relative;}
#header h1 { position: absolute; top:20px; left: 20px;}
#headerNav { position: absolute; right: 15px; top: 15px; }
#headerNav li { float: left; margin-left: 1px; }
/*-----------------------------------メインナビ*/
#mainNav { width: 950px; height: 46px;} 
#mainNav li { float: left; width: 190px; height: 46px; }
/*-----------------------------------本文*/
#container { padding: 0 10px 0 20px; width: 920px; background:url(../images/subnav_bk.gif) repeat-y right; position: relative; }
#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#container {display: inline-block;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */

#main { width: 730px; padding: 10px 0 50px 0; float: left; position: relative;}
#pagetitle { margin-bottom: 30px; width: 730px;}
.subtitle { width: 685px; height: 27px; padding: 3px 0 0 15px; margin-bottom: 20px; font-weight: bold; font-size: 13px; background: url(../images/subtitle.gif) no-repeat; }
.subtitle02 { background:url(../images/square.gif) no-repeat left 3px; padding: 0 0 0 15px; font-weight: bold; font-size: 14px; letter-spacing:1px; }
.textarea { margin: 0 15px 20px 15px; width: 700px; position: relative; }
/*-----------------------------------パンくず*/
#pankuzu { position:relative; top: 0px; left: -10px; width: 500px;}
#pankuzu li { display:inline; }
/*-----------------------------------印刷ボタン*/
#printBtn {float: right; margin-bottom: 10px; }

/*-----------------------------------サブナビ*/
#subBox { float: right; width: 160px; margin-top: 15px; padding-bottom: 110px;}
#subBox h2 { background: url(../images/subnav.gif) no-repeat left; height: 25px; width: 145px; padding: 3px 0 0 15px; margin-bottom: 10px; font-weight: bold; font-size: 13px; background: url(../images/subnav.gif) no-repeat; }
#subNav li{ background:url(../images/sankaku_sub.gif) no-repeat 5px 5px; padding: 0 0 3px 15px; margin-bottom: 10px; border-bottom :2px dotted #ccc; }
#subNav li a { color: #333; display: block;}
#subNav li a:hover{ color: #ff0000; text-decoration:none;  }
#subNav li.hit a { color: #ff0000; }
#subNav li ul { margin: 0 5px 0 0; }
#subNav li ul li { border-bottom: none; margin: 5px 0; }
#subNav li.hit li a { color: #333; }
#subNav li.hit li a:hover { color: #ff0000; }
#subNav li.hit li.hit a { color: #ff0000; }
/*-----------------------------------テーブル*/
.table01 { width: 100%; }
.table01 th { padding: 5px 0; width: 100px;}
.table01 td { padding: 5px 0 5px 10px}
/*-----------------------------------フッタ*/
#footergroup { width:950px; padding: 0px 5px; margin: 0 auto; position: relative; background:url(../images/body_bk.gif) repeat-y;}
/*丸紅リンク*/
#marubeniLink { position: absolute; right: 15px; bottom: 10px; }
#marubeniLink li { text-align: right; margin-top: 10px; }
#pagetop { position:absolute; bottom: 30px; right: 200px; }
#footerNav { position: absolute; bottom: 3px; left: 20px; }
#footerNav li { display:inline;}
#footerNav a { color: #333; }
#footerNav a:hover { color: #2624b3;}
#footer { background:url(../images/footer_bk.gif) no-repeat top; height: 36px; width: 960px; position: relative; margin: 0 auto;}
#copy { position: absolute; top: 5px; left: 20px;}
/*-----------------------------------clearfixハック*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*-----------------------------------マウスオーバーで画像半透明*/
img.icon:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}