@charset "shift_jis";

/*-------------------------------------------------------
Copyright (c) 2008 AISATSUJO PRO.All Rights 
 File  :  index.css
-------------------------------------------------------*/

/* header 
-------------------------------- */


/* side-menu 
-------------------------------- */

#side p.white-txt{
    color:#FFFFFF;
	padding:0px 10px 0px;
	font-size:0.8em;
	text-align:center;
}

#side p.white-txt a{
    color:#FFFFFF;
}

#side p.white-txt a:hover{
    color:#FFFFFF;
}

/* contents 
-------------------------------- */

#info-box{
    width:602px;
	padding:3px;
	border:#66CCCC 1px solid;
	margin:0px auto 10px;
}

#info-box .box{
    background-color:#66CCCC;
	padding:5px;
}

#info-box ul{
	color:#FFFFFF;
}

#info-box ul li{
    list-style:none;
	background:url(../imgs/index/listmark.gif) left center no-repeat;
	padding-left:20px;
	float:left;
	white-space:nowrap;
	font-size:90%;
	margin-left:10px;
}

#2010summer-box{
    width:640px;
	margin-bottom:5px;
}

#osusume-box{
    width:640px;
	border-bottom:#66cccc 5px solid;
	padding-bottom:10px;
}

#osusume-box h2.osusume{
    float:left;
}

#osusume-box img.btn{
    float:right;
	margin-right:10px;
	margin-top:20px;
}

#category-box{
    width:588px;
	height:37px;
	margin:10px auto 10px;
	border:#66CCCC 1px solid;
	background:url(../imgs/index/sub02.gif) left top no-repeat;
}

#category-box p{
    padding-left:120px;
	padding-top:10px;
}

#designmenu-box{
    width:588px;
	margin:0px auto 10px;
	border:#CCCCCC 1px solid;
	background:url(../imgs/index/img.jpg) right bottom no-repeat;
}

#designmenu-box ul{
    width:180px;
	float:left;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:20px;
}

#designmenu-box ul li{
    background:url(../imgs/common/side_listmark.gif) left 5px no-repeat;
	padding-left:10px;
}

#explain-box{
    width:618px;
	border-left:#66CCCC 1px solid;
	border-right:#66CCCC 1px solid;
	margin:0px auto 0px;
}

#contents .boxbg{
    margin:0px auto 0px;
}

#contents .boxbg2{
    margin:10px auto 0px;
}

#explain-box .table-explain{
    width:600px;
	margin-top:10px;
	margin-left:10px;
}

.table-explain td{
    vertical-align:top;
}

.table-explain td.leftb{
	padding-left:5px;
}

.table-explain td.pink{
    border-left:#FF6666 5px solid;
}

.table-explain td.orange{
    border-left:#E8AE00 5px solid;
}

.table-explain td.yellow{
    border-left:#FFFF33 5px solid;
}

.table-explain td.green{
    border-left:#99FF00 5px solid;
}

.table-explain td.leftb p{
    padding-right:10px;
}

.table-explain td.v-bottom{
    vertical-align:middle;
}

#explain-box2{
    width:600px;
	background:url(../imgs/index/box02_middle.gif) left top repeat-y;
	margin:0px auto 0px;
}

#explain-box2 p.anshin{
    background:url(../imgs/index/txt05.gif) left center no-repeat;
	padding-left:160px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}

#explain-box2 p.kantan{
    background:url(../imgs/index/txt06.gif) left center no-repeat;
	padding-left:160px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}

#explain-box2 p.kakuyasu{
    background:url(../imgs/index/txt07.gif) left center no-repeat;
	padding-left:160px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}

#explain-box2 p.noborder{
    border:none;
}

#contents table.design-box{
    width:640px;
	margin:10px auto 20px;
}

#contents table.summer-box{
    width:640px;
	margin:0px auto 20px;
	padding-top:10px;
	padding-bottom:10px;
	}
	

#contents table.summer-box p{
    padding-top:10px;
}

#contents table.summer-box td.h{
    width:155px;
	height:175px;
	vertical-align:top;
	text-align:center;
}

#contents table.summer-box td.w{
    width:155px;
	height:140px;
	vertical-align:top;
	text-align:center;
}

	
	


#contents table.design-box p{
    padding-top:10px;
}

#contents table.design-box td.h{
    width:155px;
	height:175px;
	vertical-align:top;
	text-align:center;
}

#contents table.design-box td.w{
    width:155px;
	height:140px;
	vertical-align:top;
	text-align:center;
}

span.red-txt{
    font-size:80%;
	color:#FF0000;
	margin-right:5px;
}