@charset "UTF-8";

/*各タグのデフォルト設定*/

*{
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;
	font-style:normal;
	list-style-type:none;
	line-height:150%;
	color:#333;
}

body{
font-size:80%;
font-family:"ＭＳ Ｐゴシック",sans-serif;
}

/*ie6*/
*html body{font-size:75%;}
/*ie7*/
*+html body{ font-size:75%;}
/*ie8*/
html>/**/body{ font-size /*\**/: 75%\9 }


table{
border-collapse:collapse;
width:100%;
text-align:left;
}

table th,
table td{
vertical-align:top;
text-align:left;
}

img{
border:0;
}

a{
text-decoration:none;
}

a:link,
a:hover,
a:active,
a:visited{
color:#333;
background-color:inherit;
text-decoration:none;
}

input.radio,
input.checkbox{
margin:5px 0 0 5px;
vertical-align:middle;
}

select{
vertical-align:middle;
margin:0 3px;
}

label{
vertical-align:-3px;
}

ul li img{
vertical-align:bottom;
}


/*共通のclass指定*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.righting{
text-align:right;
}

.centering{
text-align:center;
}

.leftbox{
float:left;
}

.rightbox{
float:right;
}

.fontsmall{
font-size:80%;
}

.fontbig{
font-size:120%;
}

.red{
color:#c00;
background-color:inherit;
}

p.linkblue a:link,
p.linkblue a:hover,
p.linkblue a:active,
p.linkblue a:visited{
color:#0851d8;
background-color:inherit;
text-decoration:underline;
}


p.pagetop{
margin-right:12px;
}

p.text{
text-indent:1em;
}

body{
background:url(../img/common/bg_body.gif) left top repeat-x;
text-align:center;
}

#box{
width:800px;
margin:0 auto;
}

#header{
text-align:left;
}

#header .leftbox{
width:300px;
margin-top:26px;
}

#header h1{
margin-bottom:7px;
}

#header .rightbox{
width:400px;
margin-top:16px;
}

#header .fontsize{
float:right;
width:179px;
height:24px;
background:url(../img/common/font_bg.gif) left top no-repeat;
margin-bottom:9px;
margin-right:12px;
display:inline;
}

#header .fontsize p{
float:left;
}

#header .fontsize p img{
margin:7px 0 7px 16px;
}

#header .fontsize ul{
margin:3px 0 0 100px;
}

#header .fontsize ul li{
float:left;
margin-right:5px;
}

#header .fontsize ul li a{
width:18px;
height:18px;
display:block;
text-indent:-1000em;
outline:none;
}

#header .fontsize ul li.large a{
background:url(../img/common/font_l_off.gif) no-repeat;
}

#header .fontsize ul li.large a:hover{
background:url(../img/common/font_l_on.gif) no-repeat;
}

#header .fontsize ul li.middium a{
background:url(../img/common/font_m_on.gif) no-repeat;
}

#header .fontsize ul li.small a{
background:url(../img/common/font_s_off.gif) no-repeat;
}

#header .fontsize ul li.small a:hover{
background:url(../img/common/font_s_on.gif) no-repeat;
}

#header .subnavi{
float:right;
width:305px;
}

#header .subnavi img{
vertical-align:top;
}


#header .subnavi ul li{
float:left;
margin-right:17px;
line-height:0.5;
}

#header .subnavi ul li.end{
margin-right:0;
}

#header ul.navi li{
float:left;
}

#dd {
padding-bottom:2px;
background:url(../img/common/bg_navi.gif) left bottom repeat-x;
}

#dd li {
  margin: 0;
  list-style: none;
  float: left;
  line-height:0.3;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  margin: 0;
  color: #FFF;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background:#fff;
  border: 1px solid #003366;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  filter: alpha(opacity=92);
  -moz-opacity:0.92;
  opacity:0.92;
}

.submenu a {
  display: block;
  text-align: left;
  text-decoration: none;
  padding:6px 10px 5px 12px;
  color: #333;
  font-size:100%;
  background:url(../img/common/bg_navi01.gif) left bottom no-repeat;
  min-width:140px;
}

*html .submenu a {
width:150px;
padding:7px 5px 6px 10px;
}

.submenu a:hover {
  background:#fff url(../img/common/bg_navi01.gif) left bottom repeat-x;
  color: #666;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

.submenu a.end {
  background-image:none;
  background:url(../img/common/bg_navi02.gif) left bottom no-repeat;
}

.submenu a.end:hover {
  background:url(../img/common/bg_navi02.gif) left bottom no-repeat;
}

#footer{
font-size:85%;
text-align:left;
border-top:1px solid #003366;
margin-bottom:10px;
padding-top:4px;
}

#footer p{
float:left;
width:60%;
}

#footer ul{
float:right;
width:36%;
text-align:right;
}

#footer ul li{
float:left;
padding:0 8px;
margin:0;
border-right:1px solid #333;
}

#footer ul li.end{
border-right:none;
}