@charset "utf-8";

/* ==========================================================================================================

	 1. Universal Selector + body
 
============================================================================================================*/


* {
	background-color	: transparent;
	margin				: 0;
	padding				: 0;
	font-size			: 12px;
	font-style			: normal;
}


html{overflow-y: scroll;}


body {
	color			: #606060;
	background		: url(../_img/bg.gif) #FFFFFF repeat left top;
	letter-spacing	: 0.1em;
	line-height		: 1.5;
}



hr {	height	: 1px;}


h1, h2, h3, h4, h5, h6{
font-size:100%;
font-weight:normal;
}


p, ul, dl{
margin: 0;
padding: 0;

}

/* ==========================================================================================================

	  2. List Module

============================================================================================================*/

ul {
	list-style	: none;
}

dt {
	display	: block;
	width	: auto;
}

ol {
	list-style-type: decimal;
}

/* ==========================================================================================================

	  3. Tables Module

============================================================================================================*/

table {
	border			: none;
	border-collapse	: collapse;

}

td, th { 
	vertical-align	: top;
}


caption {
	text-align		: left;
}




/* ==========================================================================================================

	  4. Image Module

============================================================================================================*/

img{
	border:0;
	vertical-align:bottom;
	}

a img {
	border	: none;
}



/* ==========================================================================================================

	  5. Text Module

============================================================================================================*/
br {
	letter-spacing: normal;
}


/*  link
-----------------------------------*/
a {color: #1e41b9;}
a:link {color: #1e41b9;}
a:visited {color: #1e41b9;}
a:hover {color: #b1b1b1;}




/* ==========================================================================================================

	  レイアウト構成 / 共通スタイル

============================================================================================================*/

div#wrapper{
width:800px;
margin:0px auto;
background:#FFFFFF;
border-left:solid 1px #e0e0e0;
border-right:solid 1px #e0e0e0;
}

div#wrapper h3{margin-bottom:15px;}

div#contents{
width:740px;
margin:0px auto;
background:url(../images/bgc.gif) repeat left top;}


div#contents2{
width:688px;
margin:0px auto;
background:#ffffff;
padding:0px 12px;}


div#footer{
background:url(../images/rp38.gif) no-repeat left top;
padding:30px 55px 20px 55px;}













div#box01{
background:url(../images/rp13.gif) repeat-y left top;
padding:10px 40px 0px 40px;}

div#box02{
background:url(../images/rp13-2.gif) repeat-y left top;
padding:10px 40px 0px 40px;}



p#mark01{
background:url(../images/mark01.gif) no-repeat left 2px;
margin-top:10px;
padding-left:20px;}


.line01{
background:url(../images/rp27_2.gif) no-repeat left bottom;
padding:15px;}

.line02{
background:url(../images/rp27_3.gif) no-repeat left bottom;
padding:15px;}

.line03{
background:url(../images/rp35.gif) no-repeat left bottom;
padding:10px;}

.line04{
background:url(../images/rp36.gif) no-repeat left bottom;
padding:10px 10px 10px 16px;}

div#btn01{text-align:center;}


div#box2{
background:#ededed;
padding:20px 25px;
margin:30px 0px 10px 0px;}

div#box2 h4{
margin-bottom:10px;}


.pagetop{
text-align:right;
background:url(../images/line01.gif) no-repeat left bottom;
padding:10px 0px 15px 0px;
margin-bottom:30px;}

.pagetop2{
text-align:right;
padding-bottom:30px;}


.blue{color:#1e41b9;}
.red{color:#bb1417;}
.f14{background:url(../images/arrow01.gif) no-repeat left top;
padding-left:40px;
padding-bottom:2px;
font-weight:bold;}

.f14 a {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:link {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:visited {color: #1e41b9;font-size:120%;line-height:1.0;}
.f14 a:hover {color: #b1b1b1;font-size:120%;line-height:1.0;}





/*  共通　margin・padding/
------------------------------------------------------------------------*/

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}



.mL10{margin-left:10px;}
.mL20{margin-left:20px;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}




.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}

.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}


.pL10{padding-left:10px;}
.pL20{padding-left:20px;}
.pR10{padding-right:10px;}
.pR20{padding-right:20px;}