/*----------------------------------------
float‰πœ
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}
.clearfix {
	display: inline-block;
	clear: both;
}
*html .clearfix {
	height: 1%;
}

.clearfix{
	display: block;
	clear: both;
}

body
{
background-color: #ffffff;
font-size: 14px;
padding: 0px;
margin: 0px;
text-align: center;
color: #333333;
font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}

a
{
color: #08236a;
}

a:hover   {text-decoration:underline;color:red;}  

a#gaibu_link
{
color: #0033cc;
}

a#gaibu_link:hover
{
color: #0066cc;
}

h1
{
font-size: 14px;
margin: 0;
padding: 15px 0px;
text-align: left;
}

h1 a
{
color: #0066cc;
}

h1 a:hover
{
color: #0066cc;
}


h2
{
font-size: 18px;
padding: 5px 10px;
margin: 0 0 0 10px;
color: navy;
}

h3
{
font-size: 16px;
padding: 5px 10px;
margin: 0 0 0 0px;
}

h4
{
font-size: 14px;
padding: 5px 10px;
margin: 0 0 0 0px;
color: navy;
}

em
{
font-size: 15px;
color: #ff0000;
}

strong
{
font-size: 15px;
color: #ff0000;
}

img
{
border: 0;
}

img#mail
{
margin: 0 3px;
padding: 0;
}

img#hpdaikou
{
margin: 0 5px;
padding: 0;
}

img.left
{
float: left;
padding-right: 5px;
}


img.right
{
float: right;
padding-left: 5px;
}

img.mato
{
float: none;
padding-left: 100px;
}

/* ----------container to center the layout-------------- */
#container
{
width: 850px;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#top_text
{
padding: 5px 0 0 0;
background-color: #ffffff;
}

#pankuzu_list
{
text-align: right;

font-size: 14px;
margin: 0 15px 10px 0;
}


#pankuzu_list a
{
font-size: 14px;
color: #0033cc;
text-decoration: none;
}



#pankuzu_list a:hover
{
color: #0066cc;

text-decoration: none;
}

#top_link
{
background-color: #ffffff;
text-align: left;
padding-top: 3px;
}

/* -----------------content--------------------- */
#content
{
background-color: #ffffff;
padding: 10px 0;
margin-left: 200px;
margin-right: 0px;
text-align: left;
}

#content_all
{
background-color: #ffffff;
padding: 10px 0;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

#tableform
{
padding: 10px 0;
margin-left: 40px;
margin-right: 40px;
}


.text
{
padding: 3px 5px;
margin: 5px 17px 17px 17px;
}



.text#top
{
padding: 3px 5px;
margin: 5px 17px 0 17px;
}

.text#main
{
padding: 3px 5px;
margin: 5px 17px 0 17px;
}


.text a
{
color: #0033cc;
text-decoration: underline;
}


.text a:hover
{
color: #0066cc;

text-decoration: underline;
}

.text img
{
margin: 5px 17px 8px 10px;
}

.text img#gp
{
margin: 0 3px 0 0;
padding: 0;
}

p
{
padding: 7px 10px;
margin: 0;
line-height: 130%;
}

p.koi_moji
{
color: #000000;
margin-bottom: 10px;
}

p.daikou
{
text-align: center;
font-size: 14px;
}

p.underline
{
text-decoration: underline;
color: #333333;
}

p.question
{
margin-left: 20px;
color: green;
}

p.right
{
text-align: right;
}

p.self
{
font-weight: bold;
}

p.small
{
font-size: 13px;
}

span
{
color: #ff0000;
font-size: 14px;
}

.navi
{
padding: 0;
margin: 5px 0 5px 20px;
}

.navi li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}

li.color
{
color: #08236a;
}

/* --------------left navi------------- */
#left
{
float: left;
width: 200px;
margin: 0px;
padding: 10px 0 0 0;
text-align: center;  
}

#nav
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #333;
width: 200px;
}

#nav li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #333;
}

#nav li a
{
text-decoration: none;
padding-left: 8px;
}

/* -----------footer--------------------------- */
#footer
{
clear: both;
margin: 0px;
padding: 15px 0;
border-top: 1px solid #564b47;
text-align: center;
}

#footer a
{
color: #0033cc;

font-size: 14px;
text-decoration: underline;
}