@charset "utf-8";
/* CSS Document */


body {
color:#333333;
font-size:small;
background-image:url(../img/bg.jpg);
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

p, div, h1, h2, h3, h4, h5,form {
margin:0;
padding:0;
}

img{
border:0;
}

/*共通レイアウト
---------------------------------*/
div#wrapper{
width:800px;
margin:0 auto;
}

div.contents{
width:780px;
padding:0 10px;
margin:0;
background-color:#f2f5fc;
}

div.contents_top{
background-image:url(../img/bg_top.jpg);
background-repeat:no-repeat;
widows:800px;
height:10px;
display:block;
}

div.contents_bt{
background-image: url(../img/bg_bt.jpg);
background-repeat:no-repeat;
widows:800px;
height:8px;
display:block;
}

div.con_wrapper{
margin-bottom:20px;
}

div.con_wrapper01{
margin-bottom:20px;
padding:20px;
background-color:#FFFFFF;
border:solid 1px #333333;
}


div.con_wrapper02{
margin: 0 20px 20px;
background-color:#f8fbfc;
padding:25px;
border:solid 1px #CCCCCC;
}

p.top_img{
margin:0 0 10px;
padding:0;
}

div.footer{
background-color:#000099;
background-image: url(../img/bg_footer_left.gif);
background-position: left bottom;
background-repeat:no-repeat;
width:780px;
color:#F0FFFF;
font-size:x-small;
text-align:center;
padding:10px 0;
}


div.footer a{
color:#F0FFFF;
text-decoration:underline;
}
div.footer a:hover{
color:#F0FFFF;
text-decoration:none;
}

div.footer p{
font-weight:700;
margin-top:10px;
color:#FFFFFF;
}



/*menu
------------------------------------*/
ul.menu{
	width:780px;
	height:30px;
	margin:0 0 10px;
	padding:0;
	list-style-type: none;
}

ul.menu li{
float:left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

ul.menu li a{
display:block;
background-repeat:no-repeat;
border:0;
}

ul.menu li.m_01 a{
background-image: url(../img/m_01.gif);
width:113px;
height:30px;
}
ul.menu li.m_01 a:hover{
background-image:url(../img/m_01_on.gif);
}

ul.menu li.m_02 a{
background-image: url(../img/m_02.gif);
width:68px;
height:30px;
}
ul.menu li.m_02 a:hover{
background-image:url(../img/m_02_on.gif);
}

ul.menu li.m_03 a{
background-image: url(../img/m_03.gif);
width:69px;
height:30px;
}
ul.menu li.m_03 a:hover{
background-image:url(../img/m_03_on.gif);
}

ul.menu li.m_04 a{
background-image: url(../img/m_04.gif);
width:69px;
height:30px;
}
ul.menu li.m_04 a:hover{
background-image:url(../img/m_04_on.gif);
}

ul.menu li.m_05 a{
background-image: url(../img/m_05.gif);
width:104px;
height:30px;
}
ul.menu li.m_05 a:hover{
background-image:url(../img/m_05_on.gif);
}

ul.menu li.m_06 a{
background-image: url(../img/m_06.gif);
width:92px;
height:30px;
}
ul.menu li.m_06 a:hover{
background-image:url(../img/m_06_on.gif);
}

ul.menu li.m_07 a{
background-image: url(../img/m_07.gif);
width:129px;
height:30px;
}
ul.menu li.m_07 a:hover{
background-image:url(../img/m_07_on.gif);
}

ul.menu li.m_08 a{
background-image: url(../img/m_08.gif);
width:69px;
height:30px;
}
ul.menu li.m_08 a:hover{
background-image:url(../img/m_08_on.gif);
}

ul.menu li.m_09 a{
background-image: url(../img/m_09.gif);
width:67px;
height:30px;

}
ul.menu li.m_09 a:hover{
background-image:url(../img/m_09_on.gif);
}

/*お問い合わせはお気軽に
---------------------------------------------*/
div.inquiry{
width:768px;
padding:5px;
border:solid 1px #333333;
color:#FF0000;
font-weight:700;
margin:0 0 10px;
background-color:#FFFFFF;
}

div.inquiry a{
color:#FF0000;
text-decoration:underline;
}
div.inquiry a:hover{
color:#FF0000;
text-decoration:none;
}



/*TOPに戻る
---------------------------------------------*/
p.top{
text-align:right;
padding-top:10px;
}


/*other
--------------------------------*/
.clear{
clear:both;
}

.dot_gray01{
border-bottom: dotted 1px #666666;
line-height:1px;
margin:2px;
}

.dot_gray02{
border-bottom: dotted 1px #CCCCCC;
line-height:1px;
margin:2px;
}


/*font
--------------------------------*/
.blue01{color: #0000CC;}
.orange01{color: #FF6600;}/*#f88102*/
.green01{color: #009900;}/*#00c905*/


.pb10{ padding-bottom:10px;}
.mb10{ margin-bottom:10px;}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}