@charset "utf-8";
/*#############################################################
Name: TEMPLATE STYLE01
Date: 2010-05-27
Author: tenten
#############################################################*/


/**********  STANDARD ELEMENTS  **********/
body{
	margin:0;
	padding:0;
	line-height:140%;
	background:#2766ad url(../images/bg.gif) repeat-x;
	background-position:left top;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "sans-serif";
	color:#333333;
}
a:link{
	color:#ae430d;
	text-decoration:none;
}
a:visited{
	color:#ae430d;
	text-decoration:none;
}
a:hover{
	color:#d36f3d;
	text-decoration:underline;
}
a:active{
	color:#f6c8b1;
	text-decoration:none;
}
a:link.foot{
	color:#ffffff;
	text-decoration:none;
}
a:visited.foot{
	color:#ffffff;
	text-decoration:none;
}
a:hover.foot{
	color:#09600b;
	text-decoration:underline;
}
a:active.foot{
	color:#cfcfcf;
	text-decoration:none;
}
a:link.pagetoplink{
	color:#333333;
	text-decoration:underline;
}
a:visited.pagetoplink{
	color:#333333;
	text-decoration:underline;
}

td{
	text-align:left;
	vertical-align:top;
}
img{
	border-style:none;
	border-width:0;
}
/************    STRUCTURE    ************/
#wrapper{
	width:800px;
	margin:20px auto 0;
	padding:0;
	background-color:#ffffff;
}
.w800{
	clear:both;
	width:800px;
	margin:0 auto;
}

/*-----------------------*/
/* header block          */
/*-----------------------*/
#header{
	width:760px;
	height:92px;
	border-bottom:1px solid #d7d7d7;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#header h1{
	float:left;
	width:265px;
	height:51px;
	margin:22px 0;
	padding:0;
	background:transparent url(../images/logo.gif) no-repeat;
	background-position:left top;
	font-size:100%;
	overflow:hidden;
}
#header h1 a{
	display:block;
	padding-top:55px;
}
#top_link{
	float:right;
	margin:50px 0 0 0;
	padding:0;
	text-align:right;
}
#top_link img{
	margin-left:18px;
}

/*-----------------------*/
/* container block       */
/*-----------------------*/
#top_img{
	width:760px;
	height:387px;
	margin:20px auto 27px;
	background-color:#dadada;
	text-align:center;
}
#top_img img{
	margin:10px auto 0;
}
#container{
	clear:both;
	width:755px;
	margin:10px auto 0;
	padding:0 0 20px;
	text-align:left;
}
#left_side{
	width:465px;
	float:left;
	margin:0;
	padding:0;
}
#left_side h2{
	margin:0;
	padding:0;
}
#left_side p{
	line-height:140%;
}
#right_side{
	width:275px;
	float:right;
	margin:20px 0 0;
	padding:0;
}
#right_side img{
	margin-bottom:15px;
}
.paragraph{
	clear:both;
	margin:25px 0 15px;
	text-align:justify;
}
/*-----------------------*/
/* footer block          */
/*-----------------------*/
.line01{
	width:100%;
	height:2px;
	background-color:#2766ad;
}
#footer{
	clear:both;
	width:100%;
	height:60px;
	background-color:#dadadb;
	margin:0 auto;
	padding:0;
	text-align:right;
	overflow:hidden;
}
#footer img{
	margin:20px 15px 0;
}

/************    SUB PAGE    ************/

.pagetop{
	clear:both;
	margin:10px 5px;
	text-align:right;
}

/************    misc    ************/

/*----------------*/
/* block          */
/*----------------*/
.boxstyle01{
	width:663px;
	margin:20px auto;
	padding:10px 0 0;
	background:transparent url(../images/bg_frametop.gif) no-repeat;
	background-position:left top;
}
.boxstyle01_inset{
	background:transparent url(../images/bg_framemid.gif) repeat-y;
	background-position:left top;
	margin:0;
	padding:0;
}
.boxstyle01 p{
	margin:0px 10px;
	padding:3px 0 5px;
}
.boxstyle01 a{
	display:block;
	margin:3px 0 0 30px;
}
.boxstyle01_foot{
	width:663px;
	height:10px;
	margin:0;
	padding:0;
	background:transparent url(../images/bg_framebottom.gif) no-repeat;
	background-position:left bottom;
}
.boxstyle02{
	float:left;
	width:325px;
	margin:0 0 0 20px;
	padding:0;
}
.boxstyle02 h3{
	margin:0;
	padding:0 0 8px;
	border-bottom:1px solid #818181;
}


/*----------------*/
/* list          */
/*----------------*/
.lststyle01{
	width:99%;
	margin:0 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}
.lststyle01 li{
	clear:left;
	padding:5px;
	border-bottom:1px dotted #bababa;
}
.lststyle01 li span{
	display:block;
	width:150px;
	float:left;
	margin:0 0 0 20px;
}

/*----------------*/
/* table          */
/*----------------*/
.tblstyle01{
	width:90%;
	border-collapse:collapse;
	margin:20px auto;
}
.tblstyle01 td{
	padding:7px 5px 7px 25px;
	border-collapse:collapse;
	border-bottom:1px dotted #808080;
}
/*----------------*/
/* padding        */
/*----------------*/

/*----------------*/
/* color          */
/*----------------*/
.col01{
	color:#aa0000;
}
/*----------------*/
/* font           */
/*----------------*/
.small{
	font-size:0.8em;
}
.em{
	font-weight:bold;
}
.fs90{
	font-size:90%;
}
.fs95{
	font-size:95%;
}
/*----------------*/
/* style          */
/*----------------*/
.border_a1{
	border:1px solid #bababa;
}
.border_b1{
	border-bottom:1px dotted #cecece;
}
/*----------------*/
/* width          */
/*----------------*/
.w800{
	width:800px;
}
.wr30{
	width:30%;
}
.wr50{
	width:50%;
}
.wr49{
	width:49%;
}
/*----------------*/
/* margin         */
/*----------------*/
/** top **/
.mgt10{
	margin-top:10px;
}
.mgt15{
	margin-top:15px;
}
.mgt20{
	margin-top:20px;
}
.mgt30{
	margin-top:30px;
}
.pgt15{
	padding-top:15px;
}


/** right **/
.mgr10{
	margin-right:10px;
}
.mgr20{
	margin-right:20px;
}
.mgr30{
	margin-right:30px;
}
.mgr40{
	margin-right:40px;
}

/** left **/
.mgl5{
	margin-left:5px;
}
.mgl10{
	margin-left:10px;
}
.mgl15{
	margin-left:15px;
}
.mgl20{
	margin-left:20px;
}
.mgl30{
	margin-left:30px;
}
.mgl40{
	margin-left:40px;
}

/** bottom **/
.mgb10{
	margin-bottom:10px;
}
.mgb20{
	margin-bottom:20px;
}
.mgb25{
	margin-bottom:25px;
}

/** all **/
.mrg4{
	margin:4px;
}
.mrg10{
	margin:10px;
}
.mrg15{
	margin:15px;
}
.mrg15a{
	margin:15px 15px 10px 15px;
}
.mrg20{
	margin:20px;
}
/*----------------*/
/* layout         */
/*----------------*/
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.textjustify{
	text-align:justify;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.verticaltop{
	vertical-align:top;
}
.verticalmiddle{
	vertical-align:middle;
}
.verticalbottom{
	vertical-align:bottom;
}
/*----------------*/
/* structure      */
/*----------------*/
.block{
	display:block;
}
.cler{
	clear:both;
}
.hide{
	display:none;
}
