/*<% Response.ContentType = "text/css"%>*/

/*========================     とりあえず設定     =========================*/

img{
	border:none;
	margin:0px;
}

div{
	margin:0px;
	padding:0px;
}

p{
	margin:0px;
	padding:0px;
}

ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	word-wrap:break-word;
	word-break:break-all;
}

li{
	word-wrap:break-word;
	word-break:break-all;
}

form{
	margin:0px;
	padding:0px;
}

a{color:#685849;}

a:hover{color:#990066;
text-decoration:none;}

/*========================//     とりあえず設定     //=========================*/


#oz1-3rdContentsArea{
	float:left;
	width:750px;
	text-align:left;
	background:none;
	line-height:20px;
	font-size:10pt;
	color:#685849;
}

.caption{
	margin:25px 15px 0px 15px;
	zoom:1;
}

.caption:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;  
}




/*========================     contents     =========================*/

#title h2{
margin:0px;
padding:0px;}

#title h2 img{
margin:0px;
padding:0px;}

#title img{
margin-top:5px;
margin-left:30px;}

#ContentTTL{
background:url(../images/back_ttl02.jpg) no-repeat;}

#ContentTTL h2{
margin:0px;}

#ContentTTL h2 img{
margin:25px 30px 10px 30px;}

#ContentTTL p{
margin-left:30px;}

.line{
margin:25px 15px;}

.contener{
width:690px;
margin-left:30px;
}

.contener h2{
margin:5px 0 0 0px;}

.contener h3{
margin:15px 0 0 0px;}

.contener h4{
margin:10px 0px;}

.contener h4#res{
margin:50px 0px 10px 0px;}

.contener #category{
background:url(../images/back_category.gif) no-repeat;
width:690px;
height:598px;
margin-top:15px;
zoom:1;}

.contener #category:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener #category #CateLeft{
width:345px;
float:left;}

.contener #category #CateLeft img{
margin-left:10px;}

.contener #category #CateLeft p{
margin-left:10px;
margin-top:6px;}

.contener #category ul{
margin-top:6px;
zoom:1;}

.contener #category ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener #category li{
float:left;
height:24px;
text-align:left;}

.contener #category li.icon{
margin-left:175px;
margin-right:5px;}

.contener #category li.link{
width:80px;
text-align:left;}

.contener #category #CateLeft #cate08{
width:295px;
height:97px;
margin:45px 0px 0px 50px;
background:url(../images/back_cate08.gif) no-repeat left bottom;}

.contener #category #CateLeft #cate03{
width:295px;
height:97px;
margin:35px 0px 0px 50px;
background:url(../images/back_cate03.gif) no-repeat left bottom;}

.contener #category #CateLeft #cate05{
width:295px;
height:97px;
margin:35px 0px 0px 50px;
background:url(../images/back_cate05.gif) no-repeat left bottom;}

.contener #category #CateLeft #cate07{
width:295px;
height:97px;
margin:35px 0px 0px 50px;
background:url(../images/back_cate07.gif) no-repeat left bottom;}


.contener #category #CateRight{
width:345px;
float:right;}

.contener #category #CateRight img{
margin-left:35px;}

.contener #category #CateRight img{
margin-left:10px;}

.contener #category #CateRight p{
margin-left:10px;
margin-top:6px;}

.contener #category #CateRight #cate04{
width:295px;
height:97px;
margin:45px 25px 0px 25px;
background:url(../images/back_cate04.gif) no-repeat left bottom;}

.contener #category #CateRight #cate02{
width:295px;
height:97px;
margin:35px 25px 0px 25px;
background:url(../images/back_cate02.gif) no-repeat left bottom;}

.contener #category #CateRight #cate06{
width:295px;
height:97px;
margin:35px 25px 0px 25px;
background:url(../images/back_cate06.gif) no-repeat left bottom;}

.contener #category #CateRight #cate01{
width:295px;
height:60px;
margin:35px 25px 0px 25px;
background:url(../images/back_cate01.gif) no-repeat left bottom;}

.contener #reNew{
background:url(../images/back_renew.gif) no-repeat bottom right;
zoom:1;}

.contener #reNew:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener #reNew img{
margin-top:15px;}

.contener #reNew #reNewTxt{
float:left;
width:325px;
margin-right:20px;}

.contener #reNew #reNewTxt p{
margin-left:25px;}

.contener #reNew #reNewImg{
width:345px;
float:left;}

.contener #read{
margin-top:15px;
zoom:1;}

.contener #read:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener #read li{
float:left;
margin:0px;}

.contener #read li#txt{
width:300px;}

.contener #read li#arrow{
padding:100px 10px 0px 10px;}

.contener .useIntoro{
zoom:1;}

.contener .useIntoro:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener .use{
zoom:1;}

.contener .use:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener .use img{
margin-top:15px;
vertical-align: top;}

.useTxt{
float:left;
width:325px;
margin-right:20px;}

.contener .use .useTxt p{
margin-left:25px;}

.contener .use .useTxt ul{
margin-left:25px;
zoom:1;}

.contener .use .useTxt ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

.contener .use .useTxt li.point{
width:60px;
font-weight:bold;
color:#990066;
float:left;}

.contener .use .useTxt li.pointTxt{
width:235px;
float:left;}

.useImg{
width:345px;
float:left;}

/*========================//     contents     //=========================*/




/*========================     margin     =========================*/

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}

.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}

.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}

/*========================//     margin     //=========================*/



/*========================     Common     =========================*/

.right{
	text-align:right;}

.center{
	text-align:center;}

.note{
	padding-left:1.5em;
	text-indent:-1.5em;}

.small{
	font-size:10px;
	line-height:14px;}

.smallR{
	font-size:10px;
	line-height:14px;
	color:#990066;}

.disc{
	list-style-type:disc;}
/*========================//     Common     //=========================*/



/*========================     Hack     =========================*/

/*     for IE6     */  
* html .contener #category li.icon{
margin-left:90px;
margin-right:5px;}

* html .contener #category li.link{
width:75px;
text-align:left;}

/*========================//     Hack     //=========================*/