@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
		以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
		左記のパーセントで指定してください。

			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#4C5BF4;
}
a:visited{
	color:#4C5BF4;
}
a:hover{
	color:#FF7403;
}
a:active{
	color:#FF7403;
}




/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:url(../img/common/bg_body.jpg) no-repeat top center;
}

#container{
	width:816px;
	margin:0 auto;
}
#header-area{
	position:relative;
	top:0;
	left:0;
	height:79px;
}
	#header-area .address{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	text-align:right;
	top:10px;
	left:500px;
	width:300px;
	height:79px;
	}
	#header-area .address li{
		float:right;
		background:url(../img/common/point.gif) no-repeat top left;
		padding:0 0 0 12px;
		margin:0 0 0 10px;
		line-height:1;
	}
	#header-area .address li a:link,
	#header-area .address li a:visited{
		color:#333;
		text-decoration:none;
	}
	#header-area .address li a:hover,
	#header-area .address li a:active{
		color:#FF7403;
		text-decoration:none;
	}
	
	.header-menu li{
		float:left;
		line-height:0;
	}

#contents-area{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
}
	.contents-title{
		background:url(../img/common/bg_contents.jpg) no-repeat center right;
		height:100px;
		font-size:152%;
		border-bottom:1px dotted #CCC;
		margin:0 0 15px 0;
		position:relative;
		top:0;
		left:0;
	}
	.contents-title h1{
		border-left:8px solid #F2A709;
		padding:4px 0 3px 8px;
		position:relative;
		top:25px;
		left:15px;
		line-height:1;
		font-size:77%;
		font-weight:normal;
	}
	.contents-title h2{
		border-left:8px solid #F2A709;
		padding:4px 0 3px 8px;
		position:relative;
		top:25px;
		left:15px;
		line-height:1;
	}


#sidemenu-area{
	width:220px;
	float:right;
	margin:0;
	padding:0 15px 15px 0;
}
	#sidemenu-area .sidemenu h2{
		height:36px;
		background:url(../img/common/bg_side_title.jpg) repeat-x center top;
		padding:0 0 0 10px;
		line-height:36px;
		color:#FFF;
		font-size:122%;
	}
	
	#sidemenu-area .sidemenu ul{
		margin:0 0 15px 0;
	}
	#sidemenu-area .sidemenu li{
		margin:0;
	}
	#sidemenu-area .sidemenu li a:link,
	#sidemenu-area .sidemenu li a:visited{
		border-bottom:1px dotted #CCC;
		display:block;
		padding:5px 0 5px 15px;
		color:#333;
		background:url(../img/common/point.gif) no-repeat center left;
	}
	#sidemenu-area .sidemenu li a:hover,
	#sidemenu-area .sidemenu li a:active{
		border-bottom:1px dotted #CCC;
		display:block;
		padding:5px 0 5px 15px;
		color:#000;
		background:url(../img/common/point.gif) no-repeat center left #F0F0F0;
	}
	
	
	#sidemenu-area .sidebanner{
		background:url(../img/common/bg_sidebanner.jpg) center top;
	}
	
	#sidemenu-area .sidebanner ul{
		padding:10px 10px 5px 10px;

	}
	#sidemenu-area .sidebanner li{
		margin:0 0 5px 0;
	}

	
	#sidemenu-area .sidebanner li a:hover img,
	#sidemenu-area .sidebanner li a:active img{
		filter: alpha(opacity=60);
		opacity:0.6;
		-moz-opacity:0.6;
	}
	
	
	
	
#main-area{
	width:550px;
	float:left;
	margin:0 0 0 0px;
	padding:0 0 0 15px;
}
#main-area h3{
	background:url(../img/common/bg_title.jpg) no-repeat center top;
	height:36px;
	width:540px;
	margin:0 0 15px 0;
	line-height:36px;
	padding:0 0 0 10px;
	font-size:122%;
	color:#2B65AC;
	}
	
	#main-area .pagetitle{
		margin:0 0 30px 0;
	}
	.section{
		margin:0 0 20px 0;
		padding:0 0 10px 0;
	}
	
	.pagetop{
		clear:both;
		font-size:77%;
		width:543px;
		text-align:right;
		margin:0 0 20px 0;
	}
	.pagetop a:link,
	.pagetop a:visited{
		display:block;
		width:543px;
		background:#F0F0F0;
		padding:2px 5px 2px 2px;
	}
	.pagetop a:hover,
	.pagetop a:active{
		display:block;
		width:543px;
		background:#F4F4F4;
		padding:2px 5px 2px 2px;
	}

.footer-menu{
	font-size:85%;
	clear:both;
	text-align:center;
	margin:0 0 15px 0;
}	

#footer-area{
	background:url(../img/common/bg_footer.jpg) no-repeat center top;
	height:90px;
	text-align:right;
	padding:10px 10px 0 0;	
	font-size:85%;
	}
	
	#footer-area h3{
		font-size:107%;
		margin:0 0 10px 0;	
	}
	#footer-area .copyright{
		font-size:77%;
	}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

.section h3{
	margin:0 0 0 0;
	font-size:122%;
	color:#4C7EC0;
}

.dotto_top{
	border-top:1px dotted #CCC;
}
.dotto_bottom{
	border-bottom:1px dotted #CCC;
}


.section table{
	border-collapse: collapse;
}

.section table th,
.section table td{
	padding:5px;
	border:1px dotted #CCC;
}

.section table th{
	text-align:left;
	background:url(../img/common/bg_th.gif) repeat-x center bottom;
}

/* ------------------------------------------------------------ */
/* Get ADOBE READER */
/* ------------------------------------------------------------ */

.get-abode-reader{
	padding:10px 0;
}
.get-abode-reader img{
	float:left;
	margin:0 5px 0 0;
}
.get-abode-reader p{
font-size:77%;
line-height:1.2;
}