@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 
-------------------------------- */

#forcategory1,
#forcategory2{
    width:310px;
	height:136px;
	padding-right:6px;
	float:left;
}

#forcategory1{
    background:url(../imgs/index/main_btnbg01.jpg) left top no-repeat;
}

#forcategory2{
    background:url(../imgs/index/main_btnbg02.jpg) left top no-repeat;
}

#forcategory1 div,
#forcategory2 div{
    width:135px;
	float:left;
}

#forcategory1 p,
#forcategory2 p{
    width:135px;
    font-size:10px;
	padding-top:65px;
	padding-left:5px;
}

#forcategory1 img,
#forcategory2 img{
    float:right;
	width:72px;
}

h2{
    margin-top:10px;
}

h2 img{
    padding-right:0;
}

#contents table.categorybox{
    width:630px;
	margin-top:10px;
}

table.categorybox td.table-img1{
    width:147px;
	background:url(../imgs/index/cate_bg.gif) left top no-repeat;
}

table.categorybox td.table-img2{
    width:320px;
	background:url(../imgs/index/cate_bg5.gif) left top no-repeat;
}

table.categorybox td.table-img3{
    width:310px;
	background:url(../imgs/index/cate_bg5.gif) left top no-repeat;
}

table.categorybox td.table-list1{
    width:162px;
	background:url(../imgs/index/cate_bg2.gif) right top no-repeat;
}

table.categorybox td.table-listbottom{
    background:url(../imgs/index/cate_bg3.gif) right bottom no-repeat;
} 

table.categorybox td.table-imgbottom{
    background:url(../imgs/index/cate_bg4.gif) left bottom no-repeat;
} 

table.categorybox table.table-list{
    width:310px;
}

table.categorybox td.table-bottom{
    background:url(../imgs/index/cate_bg8.gif) left bottom no-repeat;
}

table.categorybox img.cate{
    margin-top:1px;
	margin-left:1px;
}

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

table.categorybox ul{
    font-size:0.9em;
	margin-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

table.categorybox ul.bottom{
	padding-bottom:0px;
	margin-top:0px;
}

table.categorybox ul.bottom li{
    padding-bottom:0px;
}

*:first-child+html table.categorybox ul{
}

table.categorybox ul li{
    background:url(../imgs/index/cate_listmark.gif) 0px 5px no-repeat;
	padding-left:10px;
	margin-left:10px;
}


table.categorybox ul li.simplicity {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 35px;
	background-image: url(../imgs/index/simpico.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/* IE7 */
*:first-child+html table.categorybox ul li{
    background:url(../imgs/index/cate_listmark2.gif) top left no-repeat;
}

*:first-child+html table.categorybox ul li.simplicity {
	background-image: url(../imgs/index/simpico.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}

#explain-box{
    width:600px;
	border:#008AE2 5px solid;
	padding:10px;
	margin-top:10px;
}

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

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

.table-explain td.leftb{
    border-left:#CCCCCC 5px solid;
	padding-left:5px;
}

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

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

#explain-box2{
    width:628px;
	border:#CCCCCC 1px solid;
	margin-top:10px;

}

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

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

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

#explain-box2 p.noborder{
    border:none;
}
#main {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	width: 800px;
}
#main #ml {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
}

#main #mr {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 640px;
}