@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-size:13px;
	line-height:1.8;
	text-align:center;
	margin:0;
	background:#030 url(../images/bg.jpg) repeat-y center;}

a { color:#036;
	text-decoration:none;}
a:hover{
	color:#036;
	text-decoration:underline;}
	

#all{ width:870px;
	margin:0 auto;
	text-align:center;}
#headline{
	height:100px;
	padding:0 85px;
	background:url(../images/h1.jpg) no-repeat center top;}
#wrapperContent{
	width:100%;
	border-bottom:1px solid #ccc;
	background:url(../images/menu_bg.gif) repeat-y right;}
#rightside{
	float:right;
	width:190px;
	display:inline;
	text-align:center;}	
#mainContent{
	float:left;
	width:680px;
	display:inline;
	text-align:center;}	
	
#copyright {
	font-size:85%;
	padding:15px 35px;
	text-align:left;}
	
p.modori{
	text-align:right;}

/*---------------------------------------------------*/
/* CONTENT
-----------------------------------------------------*/
#mainContent img{
	margin-bottom:10px;}
#mainContent div{
	width:610px;
	margin:0 auto;
	text-align:left;}
#mainContent div h2{
	font-size:25px;
	font-weight:bold;
	letter-spacing: 0.1em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
#mainContent div h3{
	font-size:18px;
	font-weight:bold;
	padding-left:30px;
	background:url(../images/h3.gif) no-repeat left 0.2em;
	letter-spacing: 0.1em;}

#mainContent div p,#mainContent div ul{
	margin-bottom:10px;}
#mainContent div ul li{
	background:url(../images/list.gif) no-repeat left top;
	padding-left:25px;}
#mainContent div table{
	background:url(../images/table_bg.gif);
	width:100%;}
#mainContent div table td{
	}

/*---------------------------------------------------*/
/* headline
-----------------------------------------------------*/
#headline h1{
	text-align:left;
	font-size:32px;
	font-weight:bold;
	padding-top:35px;
	letter-spacing: 0.2em;
	color:#666;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#headline h1 a,#headline h1 a hover{
	color:#666;}


/*---------------------------------------------------*/
/* MENU
-----------------------------------------------------*/
#rightside h3{
	background:url(../images/h3_menu.gif);
	line-height:30px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	letter-spacing: 0.1em;
	margin-bottom:5px;
	}
#rightside div{
	width:160px;
	margin:0 auto;
	text-align:left;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#rightside div ul li{
	background:url(../images/arrow.gif) no-repeat left 7px;
	line-height:30px;
	font-size:14px;
	margin:0 0 15px 0;
	}
#rightside div ul li a{
	display:block;
	padding-left:20px;}


/*---------------------------------------------------*/
/* FOOT
-----------------------------------------------------*/
#copyright p{
	text-align:center;}
	
#copyright p.pr{
	text-align:left;
	font-size:12px;
	padding-top:5px;}
/*---------------------------------------------------*/
/* 解除
-----------------------------------------------------*/
.box-line p:after,ul:after,div:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea {
	zoom:1;
}

/* 初期化
------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {   
	margin:0;
	padding:0;
	zoom:1;
} 
table,table td,table th; {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
li {
	vertical-align:middle;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
q:before,q:after {
	content:'';
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
}