@charset "Shift_JIS";


/*
-----------------------------------------------------
ページ共通部分
-----------------------------------------------------
*/

body,img,h1,h2,h3,h3,h4,h5,h6,p,ul,li{
margin: 0px;
padding: 0px;
} 
 
body {
text-align: left;
color: #000000;
font-size: 11px;
line-height: 1.4em;
background-color: #FFFFFF;
vertical-align:top;
background-image:url(../image/bk.gif);
background-repeat: repeat-x;
background-position:center top;
margin:10px 0px 5px;
}

img{
border: 0px;
vertical-align:top;
}

ul{
list-style-type: none;
}

.mgn-bt5{
margin-bottom:5px;
}

.mgn-bt10{
margin-bottom:10px;
}

.mgn-bt20{
margin-bottom:20px;
}

.mgn-bt30{
margin-bottom:30px;
}

.mgn-bt40{
margin-bottom:40px;
}

.mgn-lft20{
margin-left:20px;
}

.mgn-lft40{
margin-left:35px;
}

h3,h4{
clear:both;
}

.style-disc{
list-style:circle;
list-style-type:circle;
}

.txt-red{
font-weight:bold;
color:#CC0000;
}

/*
-----------------------------------------------------
link
-----------------------------------------------------
*/
a:link {
color: #3266CC;
text-decoration: none;
}

a:visited {
color: #3266CC;
text-decoration: none;
}
a:hover {
color: #3266CC;
text-decoration: underline;
}
a:active {
color: #3266CC;
text-decoration: underline;
}


/*
-----------------------------------------------------
レイアウト全体
-----------------------------------------------------
*/
#wrap{
width:800px;
margin: 0px auto;
background-image: url(../image/bg.gif);
background-repeat: repeat-x;
background-position: top;
/*background-image: url(../image/bk.gif);
background-repeat: repeat-y;
background-position:top;*/
}

#contents2{
float:right;
width:600px;
/*padding:0px 40px;*/
}

.top{
text-align:right;
clear:both;
margin-bottom:10px;
}

.top2{
text-align:right;
clear:both;
margin-bottom:20px;
}

.top3{
text-align:right;
clear:both;
}

/*
-----------------------------------------------------
ヘッダ
-----------------------------------------------------
*/
h1{
text-align:center;
}

#wrap .columnLeft {
float: left;
margin:0px 216px 0px 0px;
}

#wrap .columnrgt {
float: left;
}

/*
-----------------------------------------------------
ナビゲーション
-----------------------------------------------------
*/
#wrap .sidenavi {
float:left;
width:180px;
}

#navi{
width:180px;
vertical-align:top;
border: 1px solid #CCCCCC;
}

#banner{
width:180px;
text-align:center;
border: 1px solid #CCCCCC;
}


/*
-----------------------------------------------------
トップページ
-----------------------------------------------------
*/
#contents{
float:right;
width:600px;
padding:0px 0px;
}

/*#contents .table01{
background-image:url(../image/top_detail01.gif);
width:206px;
height:133px;
}

#contents .table02{
background-image:url(../image/top_detail02.gif);
width:207px;
height:104px;
}

#contents .table03{
background-image:url(../image/top_detail03.gif);
width:187px;
height:133px;
}

/*.table01 ul ,
.table03 ul {
padding-top:25px;
padding-left:5px;
padding-right:5px;
text-align:left;
}*/

/*#contents .table03 p{
padding-top:25px;
padding-left:5px;
padding-right:5px;
text-align:left;
}*/

/*#contents .table04{
background-image:url(../image/top_detail04.gif);
width:18px;
height:104px;
}*/

/*#contents .table05{
background-image:url(../image/top_detail05.gif);
width:169px;
height:133px;
}*/

/*#contents .table05 p{
padding-top:25px;
padding-left:5px;
padding-right:5px;
text-align:left;
}*/

#contents #topics img{
margin-top:5px;
}

#contents #topics li{
border-bottom-style:dotted;
border-bottom-width:thin;
border-bottom-color:#CCCCCC;
padding-bottom:5px;
margin-bottom:10px;
}

#contents .copy{
background-image:url(../image/main03.gif);
background-repeat:no-repeat;
width:580px;
height:54px;
text-align:center;
}

#contents .copy p{
color:#CC0000;
font-size: 13.5px;
font-weight:bolder;
padding-top:10px;
}

#contents .top-bk1 {
background-image:url(../image/top_detail01.gif);
background-repeat:no-repeat;
width:206px;
height:246px;
}

#contents .top-bk2 {
background-image:url(../image/top_detail02.gif);
background-repeat:no-repeat;
width 207px;
height:246px;
}

#contents .top-bk3 {
background-image:url(../image/top_detail03.gif);
background-repeat:no-repeat;
width:187px;
height:246px;
}

.list01 {
width:153px;
list-style-type: disc;
/*position:absolute;
top:540px;
left:215px;*/
}

.list02 {
width:153px;
list-style-type: disc;
/*position:absolute;
top:540px;
left:420px;*/
}

.list03 {
width:153px;
/*position:absolute;
top:540px;
left:635px;*/
}

#contents .column3 {
background-image: url(../image/column3.gif);
background-repeat: repeat-y;
}

#contents .column3 #columnA {
float: left;
width:206px;
}

#contents .column3 .clearfix #columnB {
float: left;
width:207px;
}

#contents .column3 .clearfix #columnC {
float: right;
width:187px;
}

#contents .column3 .column3-foot {
vertical-align:bottom;
}

/*
-----------------------------------------------------
フッタ
-----------------------------------------------------
*/
#footer {
background-image: url(../image/footer_bk.gif);
/*background-repeat: repeat-y;*/
margin:20px 0px 10px;
}

#footer p{
text-align:right;
color:#FFFFFF;
vertical-align:middle;
padding:5px 20px 5px 0px;
font-size:10px;
}


/*
-----------------------------------------------------
お問い合せページ
-----------------------------------------------------
*/
#wrap #contents2 #hatena {
height:53px;
margin-bottom:10px;
}

#wrap #contents2 #hatena-img {
float: left;
width: 67px;
padding:0px 10px 0px 0px;
}

#wrap #contents2 #hatena .txt {
float: left;
width: 500px;
margin:6px 0px 20px;
}

*
-----------------------------------------------------
float回避 親ボックスに指定
-----------------------------------------------------
*/
.floatclear {
clear:both;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ＼*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */