@charset "utf-8";

/*-------------------------------
base
-------------------------------*/
body,h1,h3,h4,p,dl,dt,dd,li,ul,ol,p,div,form {
	margin: 0;
	padding: 0;
}

/*-------------------------------
LAYOUT
-------------------------------*/
body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-image: url(images/bg.png);
background-repeat: repeat-x;
}

#container{
width:810px;
background:#ffffff;
background-image: url(images/bg_side.png);
background-repeat: repeat-y;
margin-top:9px;
margin-right:auto;
margin-left:auto;
margin-bottom:auto;
}

#header{
width:800px;
height:120px;
background:#ffffff;
margin:0 5px 0 5px;
}

#header_left{
width:400px;
height:120px;
float:left;
background:#ffffff;
}

#header_right{
width:400px;
height:120px;
float:right;
background:#ffffff;
}

#header_right_box1{
width:400px;
height:60px;
background:#ffffff;
margin:0 0 0 0;
}

#header_right_box2{
width:200px;
height:55px;
background:#ffffff;
margin:5px 0 0 200px;
}

#main_menu{
width:800px;
height:50px;
background:#ffffff;
margin:0 5px 0 5px;
}

#flash_contents{
width:780px;
height:230px;
background:#ffffff;
margin:10px 15px 10px 15px;
}

#contents{
width:800px;
height:470px;
margin:0 5px 0 5px;
}

#side_navi{
width:200px;
float:left;
text-align:left;
margin:0 0 0 15px;
border: 1px solid #bfbfbf;	/*左サイドのボックスフチのボーダー*/
line-height: 1.6;	/*行間。通常より少し狭めている。*/
}

#side_navi_box1{
width:190px;
height:200px;
text-align:left;
margin:35px 0 0 15px;

}

#main_contents{
width:570px;
height:450px;
background-repeat:no-repeat;
float:right;
text-align:left;
margin:0 10px 0 0;
}

#main_contents_box1{
width:520px;
text-align:left;
margin:0 25px 0 25px;
}

#main_contents_box2{
width:500px;
text-align:left;
margin:10px 0 10px 10px;
}

#footer{
width:800px;
background:#2210D2;
margin:0 5px 0 5px;
color: #ffffff;
text-align:center;
}

/*-------------------------------
header
-------------------------------*/
#header_left p.header1 {
	padding: 2px 0 0 3px;
	font-size: small;
	color: #666666;
}

#header_right p.header2 {
	text-align:right;
	font-size:14px;
	padding:0 5px 0 0;
}

#header_right p.header3 {
	text-align:right;
	font-family:"HG教科書体";
	font-weight:bold;
	font-size:24px;
	padding:0 5px 0 0;
}

#header_right a:link {
	color: #000000;
	text-decoration:none;
}

#header_right a:visited {
	color: #000000;
	text-decoration:none;
}

#header_right a:hover {
	color: #000000;
	text-decoration:underline;
}

#header_right a:active {
	color: #000000;
	text-decoration:underline;
}

#header_right .navigation {
	text-align:right;
	font-size:13px;
}

#header_right a{
	background:url(images/header_ico.png) 0 5px no-repeat;
	padding:3px 10px 0 15px;
}

/*-------------------------------
contents
-------------------------------*/
#main_contents_box1 p.borderline1{
	font-size:13px;
	color:#333333;
	line-height:1.8;
	padding:0 0 0 15px;
	border-bottom: 1px dotted #999999;
	}
	
#main_contents_box1 p.titel1{
	width:490px;
	height:36px;
	color:#333333;
	font-size:18px;
	font-weight:bolder;
	padding:0 0 0 10px;
	margin:0 10px 0 10px;
	background-image:url(images/test2.png)
	}
	
#main_contents_box1 h2{
	font-size:large;
	padding:5px 0 5px 5px;
	border-left:5px solid #2210D2;
	border-bottom: 1px solid #2210D2;
	}

/*-------------------------------
side_navi
-------------------------------*/
#side_navi h3 {
	font-size: 80%;
	background-image:url(images/side_navi_menu_bg.png);
	text-align: center;
	margin:1px 1px 1px 1px;
	padding:5px 0 4px 0;
	color: #666666;
}

#side_navi .side_navi a {
	font-size:12px;
	background-image: url(images/side_navi_bg.png);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: top;	/*メニューの背景画像の上半分を表示させる設定*/
	display: block;
	color:#666666;
	padding:0 5px 0 65px;
	text-decoration: none;
	line-height: 40px;
	height: 40px;
}

#side_navi .side_navi a:hover {
	text-decoration:none;
	background-image: url(images/side_navi_bg.png);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;	/*メニューの背景画像の下半分を表示させる設定*/
	color:#ffffff;	/*カーソルオーバー時の文字色*/
}


/*-------------------------------
footer
-------------------------------*/
#footer p.tagline2 {
	padding: 10px 0 0 0;
	font-size: small;
}

#footer p.tagline3 {
	padding: 5px 0 5px 0;
	font-size: small;
}

/*-------------------------------
Link
-------------------------------*/
a:link {
  color: #ffffff;
  text-decoration:none;
}
a:visited {
  color: #ffffff;
  text-decoration:none;
}
a:hover {
  color: #ffffff;
  text-decoration:underline;
}
a:active {
  color: #ff6600;
  text-decoration:underline;
}
.navigation {
	text-align:center;
	font-size:small;
	padding:5px 0 0 0;
}
