﻿@charset "utf-8";

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

body{
 font-size:12px;
 color: #33CCCC;
 background-image:url(../img/sign/back01.gif);
}

h1{
	font-size:12px;
	color:#33CCCC;
	margin:0px;
	padding:0px;
}

#wrapper{
 width:890px;
 margin:0px;
 background-color:#FFFFFF;
 border-right:1px #AAAAAA solid ;
 border-bottom:1px #AAAAAA solid;
 border-top:2px #AAAAAA solid;
}

.cr{
 clear:both;
}

a:link{
	color: #3366FF;
}
a:visited{
	color: #3366FF;
}
a:hover{
	color: #33CC00;
}
a:active{
	color: #33CC00;
}


/*--- 文字サイズ設定 ---*/
.smal{
 font-size:10px;
}
.smal_red{
 font-size:10px;
 color:#FF0066;
}
.big{
 font-size:14px;
}
.big_red{
 font-size:14px;
 color:#FF0066;
}
.red{
 color:#FF0066;
}


/*================================================
[HEADER]
================================================*/

#header{
 width:890px;
 border-top:7px #FF0000 solid;
}

#header_l{
 float:left;
 width:250px;
 height:100px;
 background:url(../img/top/title1.gif);
 background-repeat:no-repeat;
 margin-top:-8px;
}

#header_l a{
 display:block;
 width:250px;
 height:100px;
 text-indent:-9999px;
}

#header_r{
 float:right;
 width:600px;
 height:100px;
 padding-top:10px;
 /*border:1px #AAAAAA solid ;*/
 background:url(../img/top/kyara.gif) 491px 0px;
 background-repeat:no-repeat;
 margin-top:-8px;
}

#head_tyumoku{
 width:490px;
 height:40px;
 text-indent:-9999px;
 margin-top:20px;
}
#head_tyumoku a{
 display:block;
 width:490px;
 height:40px;
 margin:0px;
 background:url(../img/top/chumoku.gif) -38px 0px;
 background-repeat:no-repeat;
}


#head_tyumoku a:link{
 background:url(../img/top/chumoku.gif) -38px 0px;
 background-repeat:no-repeat;
}
#head_tyumoku a:visited{
 background:url(../img/top/chumoku.gif) -38px 0px;
 background-repeat:no-repeat;
}
#head_tyumoku a:hover{
 background:url(../img/top/green2.gif) -38px 0px;
 background-repeat:no-repeat;
}
#head_tyumoku a:active{
 background:url(../img/top/chumoku.gif) -38px 0px;
 background-repeat:no-repeat;
}


/*================================================
[CONTENTS]
================================================*/
#contents{
 width:890px;
}

#main_contents{
 float:right;
 width:690px;
 padding:0px 10px 0px 10px;
 text-align:center;
}


/*--- TOPMENU ---------------------------------*/

#mcontents_menu{
 width:690px;
}
#mcontents_menu ul{
 list-style:none;
 margin-left:5px;
}

#contact,#whatsnew,#menseki,#company,#privacy,#ad{
 width:100px;
 height:20px;
 float:left;
}
#home{
 width:80px;
 height:20px;
 float:left;
}

#contact a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#contact a:link{
 background:url(../img/top/button1-1.gif);
 background-repeat:no-repeat;
}
#contact a:visited{
 background:url(../img/top/button1-1.gif);
 background-repeat:no-repeat;
}
#contact a:hover{
 background:url(../img/top/button1-2.gif);
 background-repeat:no-repeat;
}
#contact a:active{
 background:url(../img/top/button1-1.gif);
 background-repeat:no-repeat;
}

#whatsnew a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#whatsnew a:link{
 background:url(../img/top/button2-1.gif);
 background-repeat:no-repeat;
}
#whatsnew a:visited{
 background:url(../img/top/button2-1.gif);
 background-repeat:no-repeat;
}
#whatsnew a:hover{
 background:url(../img/top/button2-2.gif);
 background-repeat:no-repeat;
}
#whatsnew a:active{
 background:url(../img/top/button2-1.gif);
 background-repeat:no-repeat;
}

#menseki a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#menseki a:link{
 background:url(../img/top/button3-1.gif);
 background-repeat:no-repeat;
}
#menseki a:visited{
 background:url(../img/top/button3-1.gif);
 background-repeat:no-repeat;
}
#menseki a:hover{
 background:url(../img/top/button3-2.gif);
 background-repeat:no-repeat;
}
#menseki a:active{
 background:url(../img/top/button3-1.gif);
 background-repeat:no-repeat;
}

#company a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#company a:link{
 background:url(../img/top/button4-1.gif);
 background-repeat:no-repeat;
}
#company a:visited{
 background:url(../img/top/button4-1.gif);
 background-repeat:no-repeat;
}
#company a:hover{
 background:url(../img/top/button4-2.gif);
 background-repeat:no-repeat;
}
#company a:active{
 background:url(../img/top/button4-1.gif);
 background-repeat:no-repeat;
}

#privacy a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#privacy a:link{
 background:url(../img/top/button5-1.gif);
 background-repeat:no-repeat;
}
#privacy a:visited{
 background:url(../img/top/button5-1.gif);
 background-repeat:no-repeat;
}
#privacy a:hover{
 background:url(../img/top/button5-2.gif);
 background-repeat:no-repeat;
}
#privacy a:active{
 background:url(../img/top/button5-1.gif);
 background-repeat:no-repeat;
}

#ad a{
 display:block;
 width:100px;
 height:20px;
 text-indent:-9999px;
}
#ad a:link{
 background:url(../img/top/button6-1.gif);
 background-repeat:no-repeat;
}
#ad a:visited{
 background:url(../img/top/button6-1.gif);
 background-repeat:no-repeat;
}
#ad a:hover{
 background:url(../img/top/button6-2.gif);
 background-repeat:no-repeat;
}
#ad a:active{
 background:url(../img/top/button6-1.gif);
 background-repeat:no-repeat;
}

#home a{
 display:block;
 width:80px;
 height:20px;
 text-indent:-9999px;
}
#home a:link{
 background:url(../img/top/button7-1.gif);
 background-repeat:no-repeat;
}
#home a:visited{
 background:url(../img/top/button7-1.gif);
 background-repeat:no-repeat;
}
#home a:hover{
 background:url(../img/top/button7-2.gif);
 background-repeat:no-repeat;
}
#home a:active{
 background:url(../img/top/button7-1.gif);
 background-repeat:no-repeat;
}

/*--- MAINCONTENTS ---------------------------------*/

#topbanner{
 width:480px;
}
#topbanner h2{
 font-size:14px;
 padding-left:10px;
}
#topbanner p{
 font-size:12px;
 color:#999999;
 padding-left:10px;
}
.banner{
 text-align:center;
 margin-bottom:20px;
}

#lastupdata{
 width:180px;
 text-align:center;
 line-height:20px;
 margin-left:auto;
 margin-right:auto;
}
#lastupdata h2{
 font-size:12px
}
#lastupdata p{
 font-size:12px;
}



#mcontents{
 width:670px; voice-family:"\"}\""; voice-family:inherit; _width:690px;
 /*margin-left:-5px;
 padding-top:20px;
 padding-left:15px;
 padding-right:10px;
 padding-bottom:10px;*/
 /*padding:20px 10px 20px 15px;*/
 margin-left:auto;
 margin-right:auto;
 padding:20px 10px 10px 10px;
 background-color:#FEF7F1;
 border-top:5px #CCCCCC solid;
}


#mcontents_l{
 float:left;
 width:480px;/* voice-family:"\"}\""; voice-family:inherit; _width:420px;*/
 background-color:#FEF7F1;
 /*border:1px #CCCCCC solid;*/
 padding-bottom:20px;
}


#mcontents_r{
 /*float:right;*/
 float:left;
 width:187px; voice-family:"\"}\""; voice-family:inherit; _width:187px;
 background-color:#FEF7F1;
 /*border:1px #CCCCCC solid;*/
 padding-bottom:20px;
 text-align:center;
}

#contents01{
 width:480px;
}
#contents01 table{
 width:480px;
 border-collapse:collapse;
 font-size:12px;
}
#contents01 table caption{
 width:98%;
 background:url(../img/top/aka.gif);
 color:#FFFFFF;
 padding-top:1px; voice-family:"\"}\""; voice-family:inherit; _padding-top:2px;
 padding-bottom:2px; voice-family:"\"}\""; voice-family:inherit; _padding-bottom:3px;
 text-align:left;
 padding-left:10px;
 font-size:14px;
 font-weight:bold;
}
#contents01 table td{
 margin:0px;
 padding:0px;
}

#contents01 table td h2{
 margin:0px;
 padding:0px;
 font-size:12px;
}

#contcate01,
#contcate02,
#contcate03,
#contcate04,
#contcate05,
#contcate06,
#contcate07,
#contcate08,
#contcate09,
#contcate10{
 background:url(../img/top/haikei.gif);
 background-repeat:no-repeat;
 width:50%;
 height:80px;
}
#contcate01_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/kinri.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
 /*border:1px #CCCCCC solid;*/
}
#contcate01_r,
#contcate02_r,
#contcate03_r,
#contcate04_r,
#contcate05_r,
#contcate06_r,
#contcate07_r,
#contcate08_r,
#contcate09_r,
#contcate10_r{
 float:right;
 width:170px;
 padding-top:3px;
 padding-right:10px;
 text-align:left;
 font-size:12px;
}

#contcate02_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/speed.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate03_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/konbini.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate04_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/ssl.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate05_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/murisoku.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate06_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/part.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate07_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/pc.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate08_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/ginkou.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate09_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/syosinsya.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#contcate10_l{
 float:left;
 width:45px;
 height:64px;
 margin-left:3px;
 background:url(../img/top-icon/NO1.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}


#contents02{
 float:left;
 width:230px;
 text-align:left;
 font-size:12px;
 background-color:#FFFFFF;
 padding-bottom:5px;
}
#contents02 ul{
 list-style:none;
 line-height:20px;
 margin-left:5px;
}

#best1{
 height:21px;
 background:url(../img/icon/no1.gif);
 background-repeat:no-repeat;
}
#best1 h3,#best2 h3,#best3 h3{
 font-size:13px;
 padding-left:30px;
}

#best2{
 height:21px;
 background:url(../img/icon/no2.gif);
 background-repeat:no-repeat;
}
#best3{
 height:21px;
 background:url(../img/icon/no3.gif);
 background-repeat:no-repeat;
}
.best4{
 padding-left:5px;
}
.best4 h4,.best10 h4{
 font-size:12px;
}
.best10{
 padding-left:0px;
}

#contents03{
 float:right;
 width:230px;
 background-color:#FFFFFF;
 text-align:left;
 font-size:12px;
 padding-bottom:5px;
}

#contents03 ul{
 list-style:none;
 line-height:20px;
 margin-left:5px;
}
#contents03 ul li{
 background:url(../img/sign/maru-green.gif) no-repeat left center;
 padding-left:15px;
}


#contents02 h2,#contents03 h2{
 font-size:12px;
 font-weight:bold;
 text-align:center;
 background:url(../img/top/aka.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 padding-top:2px;
 padding-bottom:3px; voice-family:"\"}\""; voice-family:inherit; _padding-bottom:5px;
}


#new{
 width:180px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
}
#new ul{
 list-style:none;
 line-height:20px;
 margin-left:10px;
}
#new ul li h3{
 font-size:10px;
}

#housewife{
 width:180px;
 height:30px;
 background:url(../img/top/syufu.gif);
 background-repeat:no-repeat;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
}
#woman{
 width:180px;
 height:30px;
 background:url(../img/top/girls01.gif);
 background-repeat:no-repeat;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
}
#omatome{
 width:180px;
 height:30px;
 background:url(../img/top/raiten.gif);
 background-repeat:no-repeat;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
}
#regino{
 width:180px;
 height:30px;
 background:url(../img/top/touroku.gif);
 background-repeat:no-repeat;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
}

#housewife a,
#woman a,
#omatome a,
#regino a{
 display:block;
 width:180px;
 height:30px;
 text-indent:-9999px;
}



#useful,
#service,
#knowledge,
#manager,
#promotion{
 width:173px;
 margin-bottom:20px;
 background-color:#FFFFFF;
 text-align:left;
 padding-bottom:10px;
 margin-left:auto;
 margin-right:auto;
}
#useful h2{
 width:173px;
 height:20px;
 background:url(../img/top/oyakudati.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}
#useful ul,
#service ul,
#knowledge ul,
#manager ul,
#promotion ul{
 list-style:none;
 line-height:20px;
 margin-left:10px;
}

#useful ul li,
#service ul li,
#knowledge ul li,
#manager ul li,
#promotion ul li{
 padding-left:15px;
 background:url(../img/sign/maru-green.gif) no-repeat left center;
}


#service h2{
 width:173px;
 height:20px;
 background:url(../img/top/riyou.gif);
 background-repeat:no-repeat;
 text-indent:-9999px;
}

#knowledge h2,#manager h2,#promotion h2,#new h2{
 width:173px;
 background-color:#33CCCC;
 font-size:12px;
 color:#FFFFFF;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:5px;
 text-align:left;
}



#sidebanner{
 margin-top:20px;
}

#linklist{
 text-align:left;
 font-size:10px;
}
#linklist h3{
 font-size:10px;
}
#linklist ul{
 list-style:none;
 margin-bottom:5px;
}
#linklist ul li{
 display:inline;
 padding-right:5px;
}


/*================================================
[MENU]
================================================*/

#menu{
 float:left;
 width:180px;
 background:url(../img/top/menu01.gif);
 background-repeat:no-repeat;
 background-color:#FF0000;
 padding-top:20px;
 padding-bottom:20px;
 text-align:center;
}

#mcashing{
 margin-left:auto;
 margin-right:auto;
}
#mcardloan,#mcard,#mloan{
 margin-left:auto;
 margin-right:auto;
}
#mcashing ul,#mcardloan ul,#mcard ul,#mloan ul{
 list-style:none;
 line-height:25px;
 text-align:left;
}

.menu_title{
 width:170px;
 height:26px;
 font-size:12px;
 color:#666666;
 padding-top:8px;
 /*padding-left:30px;*/
 background:url(../img/top/menu02.gif) -7px 0px;
 background-repeat:no-repeat;
 margin-left:auto;
 margin-right:auto;
 /*border:1px #999999 solid;*/
}

.menuback{
 /*width:168px;*/
 width:168px;
 background-color:#FFFFFF;
 /*margin-left:7px;*/
 /*margin-left:auto;*/
 /*margin-right:auto;*/
 margin-left:5px; voice-family:"\"}\""; voice-family:inherit; _margin-left:-2px;
 margin-top:-8px; voice-family:"\"}\""; voice-family:inherit; _margin-top:0px;
 padding-top:7px;
 padding-bottom:7px;
}
.menuback ul li{
 padding-left:10px;
}


/*================================================
[FOOTER]
================================================*/

#footer{
background-color:#FF0000;
}


#footer address{
 font-style:normal;
 text-align:center;
 color:#FFFFFF;
}




