@charset "utf-8";

/*============================================
 box.css
============================================*/


/*------------------------------------------------
各ボックスのcss
----------------------------------------------- */
.boxLast{
padding-top:10px;
padding-bottom:10px;
}

.box1{
padding:10px 0 10px 10px;
width:489px;
float:left;
border-bottom:2px solid #000000;
}
.box1 h2{
padding-bottom:20px;
}
.bgBoxArea01{
width:499px;
background:url(../img/bg_boxArea_01.gif) top left repeat-y;
border-bottom:2px solid #000000;
padding-top:10px;
padding-bottom:10px;
float:left;
}
.box2{
width:241px;
padding-left:10px;
float:left;
}
.box2 h2{
padding-bottom:20px;
}
.box2 dl{
width:209px;
margin-left:10px;
padding-top:16px;
}
.box2 dd{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
padding-bottom:8px;
margin-bottom:10px;
}
.box2 dd.last{
background:none;
padding-bottom:0px;
margin-bottom:0px;
}
.box3{
width:238px;
float:right;
}
.box3 h2{
padding-bottom:16px;
}
.box3 dl{
width:208px;
margin-left:10px;
}
.box3 dd{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
padding-bottom:8px;
margin-bottom:10px;
}
.box3 dd.last{
background:none;
padding-bottom:0px;
margin-bottom:0px;
}
.box4{
border-bottom:2px solid #000000;
padding-top:10px;
padding-bottom:10px;
}
.box4 ,.boxLast{
width:489px;
padding-left:10px;
float:left;
}
.box4 h2,.boxLast h2{
padding-bottom:20px;
}
.box4 dl{
width:479px;
float:left;
padding-bottom:15px;
}
.box4 dl.last{
padding-bottom:0px;
}
.box4 dt{
clear:both;
width:170px;
float:left;
text-align:center;
}
.box4 dd{
width:289px;
padding-bottom:10px;
padding-right:10px;
float:right;
}
.box5{
padding:10px 0 10px 10px;
width:249px;
border-bottom:2px solid #000000;
}
.box5 h2{
padding-bottom:9px;
}
.box5 ul{
font-size:87%;
margin-left:9px;
padding-right:20px;
}
.box5 li{
background:url(../img/icn_square_01.gif) 0 4px no-repeat;
padding-left:14px;
line-height:1.6;
}
.box6{
padding:10px 0 10px 10px;
width:249px;
border-bottom:2px solid #000000;
}
.box6 h2{
padding-bottom:14px;
}
.box6 h3{
font-weight:bold;
font-size:117%;
color:#000000;
margin-left:10px;
padding-bottom:10px;
}
.box6 ul{
margin-left:10px;
}
.box6 li{
display:inline;
padding-right:10px;
}
.box6 .yesnoList{
margin-top:10px;
padding-right:10px;
text-align:right;
}
.box7{
padding:10px 0 10px 10px;
float:left;
width:249px;
}
.box7 h2{
padding-bottom:20px;
}
.box7 dl{
width:220px;
margin-left:10px;
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
padding-bottom:7px;
margin-bottom:10px;
float:left;
display:inline;
}
.box7 dt{
float:left;
width:58px;
}
.box7 dd{
width:162px;
float:right;
word-break:break-all;
overflow:auto;
}
.box7 dl.last{
background:none;
padding-bottom:0px;
margin-bottom:0px;
}
.box7 p.taRight{
clear:both;
}
.box8{
border-bottom:2px solid #000000;
padding-top:10px;
padding-bottom:10px;
}
.box8{
padding-left:10px;
width:489px;
float:left;
}
.box8 h2{
padding-bottom:20px;
}
.box8 dl{
width:479px;
padding-right:10px;
padding-bottom:15px;
}
.box8 dl.nextLine{
padding-top:21px;
background:url(../img/bg_syohyoLine.gif) 10px 10px no-repeat;
}
.box8 dl.last{
padding-bottom:0px;
}
.box8 dt{
clear:both;
width:170px;
float:left;
text-align:center;
}
.box8 dd{
width:289px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
float:right;
}
.box8 .dotLineArea{
clear:both;
margin-left:10px;
background:url(../img/bg_top_01.gif) top left no-repeat;
}
.box8 .dotLineArea div.syohyolist{
background:url(../img/bg_top_02.gif) bottom left no-repeat;
padding-bottom:10px;
}
.box8 .dotLineArea div.syohyolist .syohyoDetailLink{
width:444px;
text-align:right;
margin-top:-10px;
}
.box8 .dotLineArea h3{
font-weight:bold;
padding:10px 0 10px 10px;
}
.box8 .dotLineArea ul{
padding:0 25px 0 10px;
}
.box8 .dotLineArea li span{
padding-bottom:10px;
display:block;
}
.box9{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
width:489px;
float:left;
}
.box9 h2{
padding-bottom:18px;
}
.box9 h3{
clear:both;
font-weight:bold;
font-size:117%;
color:#000000;
padding-bottom:5px;
border-bottom:2px solid #000000;
margin-bottom:1px;
width:460px;
margin-left:10px;
}
.box9 dl{
float:left;
margin-top:30px;
padding-bottom:30px;
width:460px;
margin-left:10px;
}
.box9 dl.last{
padding-bottom:0px;
}
.box9 dt{
clear:both;
width:170px;
float:left;
text-align:center;
}
.box9 dd{
width:280px;
padding-bottom:10px;
padding-right:10px;
float:right;
}
.box9 .syohyoblog{
}
.box9 .syohyoblog ul{
width:460px;
margin-left:10px;
margin-top:5px;
}
.box9 .syohyoblog li{
margin-bottom:15px;
}
.box10{
padding-top:10px;
padding-left:20px;
width:239px;
}
.box10 h2{
padding-bottom:9px;
}
.box10 h3{
font-weight:bold;
padding-bottom:6px;
font-size:117%;
color:#000000;
}
.box10 h4{
font-weight:bold;
padding-bottom:3px;
color:#000000;
}
.box10 .dotLineArea{
margin-left:0;
clear:both;
background:url(../img/bg_side_01.gif) top left no-repeat;
}
.box10 .dotLineArea ul{
background:url(../img/bg_side_02.gif) bottom left no-repeat;
padding:7px 10px 6px 10px;
font-size:87%;
margin-bottom:13px;
}
.box10 .dotLineArea li{
background:url(../img/icn_square_01.gif) 0 4px no-repeat;
padding-left:14px;
padding-right:20px;
line-height:1.6;
}
.box11{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
width:489px;
float:left;
}
.box11 h2{
padding-bottom:18px;
}
.box11 h3{
clear:both;
font-weight:bold;
font-size:117%;
color:#000000;
padding-bottom:5px;
border-bottom:2px solid #000000;
margin-bottom:1px;
width:460px;
margin-left:10px;
}
.box11 dl{
float:left;
padding-bottom:20px;
width:460px;
margin-left:10px;
}
.box11 dt{
clear:both;
width:170px;
float:left;
text-align:center;
}
.box11 dd{
width:280px;
padding-bottom:10px;
padding-right:10px;
float:right;
}
.box12{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
width:489px;
float:left;
}
.box12 h2{
padding-bottom:18px;
}
.box12 h3{
clear:both;
font-weight:bold;
font-size:117%;
color:#000000;
padding-bottom:5px;
border-bottom:2px solid #000000;
margin-bottom:20px;
width:460px;
margin-left:10px;
}
.box13{
float:left;
padding:11px 0 10px 9px;
width:240px;
border-bottom:2px solid #000000;
}
.box13 h2{
padding-bottom:10px;
}
.box13 .myTimeline{
width:220px;
padding:10px;
background:#f4f9fb;
float:left;
}
.box13 .myTimeline ul{
width:220px;
float:left;
display:inline;
}
.box13 .myTimeline ul li{
background:url(../img/lin_cmn_01.gif) bottom left repeat-x;
position:relative;
padding-bottom:7px;
margin-bottom:6px;
}
.box13 .myTimeline ul li.first{
padding-bottom:10px;
}
.box13 .myTimeline ul li.last{
background:none;
padding-bottom:0px;
margin-bottom:0px;
}
.box13 .myTimeline ul li .myName{
position:absolute;
top:14px;
left:58px;
}
/* IE6ハック */
* html .box13 .myTimeline ul li.first a img{ margin-left:-15px; }
* html .box13 .myTimeline ul li .myName{ left:45px; }
/* IE7ハック */
*:first-child+html .box13 .myTimeline ul li.first a img{ margin-left:-15px; }
*:first-child+html .box13 .myTimeline ul li .myName{ left:58px; }

.box14{
padding:10px 9px 10px 10px;
width:240px;
border-bottom:2px solid #000000;
}
.box14 .grayArea{
background:#f4f4f4;
padding:9px 10px 16px;
}
.box14 .grayArea h2{
margin-bottom:7px;
}
.box15{
padding:10px 9px 10px 10px;
width:240px;
}
.box15 .grayArea{
background:#f4f4f4;
padding:9px 10px 16px;
}
.box15 .grayArea h2{
margin-bottom:7px;
}
.box15 .grayArea h3{
font-weight:bold;
font-size:117%;
color:#000000;
margin-left:10px;
padding-bottom:10px;
}
.box15 .grayArea ul{
}
.box15 .grayArea li{
display:inline;
padding-right:10px;
}
.box15 .grayArea .yesnoList{
margin-top:10px;
text-align:right;
}