@charset "UTF-8";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("import.css");


/* ---------- main-header ---------- */

#top-box {
	background-image:url(../images/top_box_back.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:169px;
	margin-top:6px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#top-box div{
padding:35px 0 0 220px;
}

#top-box .l-txt {
display:block;
font-size:300%;
font-weight:bold;
line-height:120%;
}

#top-box .s-txt {
display:block;
font-size:160%;
font-weight:bold;
}

#top-img{
	margin-top: 6px;
	margin-left: 25px;
}

#top-img img{
	overflow: hidden;
}

#top-img a{
	border: 5px solid #CCCCCC;
	float: left;
}

#top-img a:hover{
	border: 5px solid #00CCFF;
	float: left;
}

.small-box {
	line-height:160%;
	font-size:120%;
	width: 890px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* IE7以下のみ適用 */
*+html .small-box{
	padding-top: 18px;
}

/* IE6以下のみ適用 */
* html .small-box{
	padding-top: 18px;
}

.float-box {
padding-top:20px;
}

/* IE7以下のみ適用 */
*+html .float-box{
	padding-top: 0px;
}

/* IE6以下のみ適用 */
* html .float-box{
	padding-top: 0px;
}

.float-box .left-box {
float:left;
width:430px;
}

.float-box .left-box .left {
float:left;
width:260px;
}

.float-box .left-box .right {
float:left;
width:160px;
margin-left:6px;
}

.float-box .right-box {
float:right;
width:430px;
}

.float-box .right-box .left {
float:left;
width:260px;
}

.float-box .right-box .right {
float:left;
width:160px;
margin-left:6px;
}

.float-box .link-txt {
	margin:20px 0 0 0px;
	padding-left:0px;
}

.float-box .link-txt{
	padding-left: 14px;
}

.float-box .link-txt li{
	list-style-image: url(../images/common/arrow02.gif);
}

.float-box a:link,
.float-box a:visited {
text-decoration:underline;
color:#006699;
}

.float-box a:hover,
.float-box a:active {
text-decoration:none;
color:#FF6600;
}

.category-box .left-box {
width:415px;
float:left;
}

.category-box .right-box {
width:415px;
float:right;
}

.category-box .left-box .in,
.category-box .right-box .in {
border:1px solid #FF9900;
padding:10px;
}

.category-box .left-box .in .l-txt,
.category-box .right-box .in .l-txt {
font-size:140%;
font-weight:bold;
}

.category-box .left-box .in .s-txt,
.category-box .right-box .in .s-txt {
margin-left:10px;
}

.category-box .left-box .in .l-txt .a:link,
.category-box .left-box .in .l-txt .a:visited,
.category-box .right-box .in .s-txt .a:link,
.category-box .right-box .in .s-txt .a:visited {
text-decoration:underline;
color:#006699;
}

.category-box .left-box .in .l-txt .a:hover,
.category-box .left-box .in .l-txt .a:active,
.category-box .right-box .in .s-txt .a:hover,
.category-box .right-box .in .s-txt .a:active {
text-decoration:none;
color:#FF6600;
}

.category-box .left-box .in .pickup-txt,
.category-box .right-box .in .pickup-txt {
color:#006600;
padding-top:5px;
}

#sub-box {
width:890px;
}

#sub-box .left-box {
float:left;
width:430px;
} 

#sub-box .right-box {
float:right;
width:425px;
} 

#top-image{
	text-align: center;
	margin-top: 50px;
}