/* CSS Document */
body {
	background: url(../images/main-bg.gif) 0 0 repeat-x #F2F0DC;
	color: #000033;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}
div, p, ul, h2, img {
	margin: 0px;
	padding: 0px;
}
a {
	color: #1D3994;
}
a:hover {
	color:#990000;
	text-decoration:none;

}
a:active {
	color: #000000;
}
ul {
	list-style-type: none;
}

#contents {
padding:0;
margin:10px auto 0 auto;
overflow:auto;
width:900px;
}

/*----TOP PANEL----*/
#topPan {
	height: 141px;
	margin: 0 auto;
	position: relative;
	width: 900px;
	color:#000000;
}
#topPan ul {
	height: 22px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 600px;
	text-align: right;
}
#topPan ul li {
	height: 22px;
	color: #333333;
}
#topPan ul li a {
	background: url(../images/arrow1-hover.gif) left 6px no-repeat;
	display: block;
	height: 16px;
	text-decoration: none;
	width: 90px;
	padding-left:10px;
	font-size:0.85em;
}
#topPan ul li a:hover {
	background: url(../images/arrow1.gif) left 6px no-repeat;
	text-decoration: none;
}

/*
#topPan ul li.register {
	float: left;
	height: 22px;
	width: 65px;
}
#topPan ul li.register a {
	background: url(../images/arrow1.gif) 65px 6px no-repeat #CC0000;
	color: #fff;
	display: block;
	height: 16px;
	padding: 0 0 0 10px;
	text-decoration: none;
	width: 65px;
}
#topPan ul li.register a:hover {
	background: url(../images/arrow1-hover.gif) 65px 6px no-repeat #CC0000;
	color: #FEF0B7;
	text-decoration: none;
}
*/
#topPan img.logo {
	height: 61px;
	left: 29px;
	position: absolute;
	top: 25px;
	width: 250px;
	font-size:2.05em;
	border:none;
}
#topPan p.callus {
	background: url(../images/callus-bg.gif) 0 0 no-repeat #212121;
	color: #fff;
	height: 25px;
	line-height: 24px;
	position: absolute;
	right: 115px;
	text-align: center;
	top: 53px;
	width: 119px;
}
#topPan p.phone {
	background: #212121;
	color: #EAE8CD;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 109px;
	text-align: center;
	top: 83px;
	width: 130px;
}
/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan {
	margin: 0 auto;
	width: 900px;
	overflow: auto;
}
#headerleftPan {
	background: url(../images/leftfolder.gif) 0 0 no-repeat;
	float: left;
	height: 292px;
	width: 46px;
}
#headermiddlePan {
	height: 38px;
	width: 900px;
}

/*----Menu Panel----*/
#menuPan {
	background: url(../images/menu-bg.gif) 0 0 repeat-x;
	height: 28px;
	margin: 0 auto;
}
#menuPan ul {
	height: 28px;
	left: 0px;
	top: 2px;
	width: 900px;
}
#menuPan ul li {
	float: left;
	height: 30px;
	width: 150px;

}
#menuPan ul li a {
	background: #fff;
	border-right: 1px solid #CCCCCC;
	color: #2F2A28;
	display: block;
	font-weight: bold;
	height: 27px;
	text-align: center;
	padding:7px 0 0 0;
	text-decoration: none;
	border-top:3px solid #D0E0EA;
}
#menuPan ul li a:hover {

	border: none;
	color: #000033; 
	border-top:3px solid #004080;
	border-right: 1px solid #CCCCCC;
	text-decoration: none;
}

/*
#menuPan ul li.other a {
	background: #fff;
	border: none;
	color: #2F2A28;
	display: block;
	font-weight: bold;
	height: 28px;
	text-align: center;
	text-decoration: none;
	width: 110px;
}
#menuPan ul li.other a:hover {
	background: #2F2A28;
	border: none;
	color: #fff;
	height: 28px;
	text-decoration: none;
	width: 110px;
}*/
/*----/Menu Panel----*/
#headerbodyPan {
	border-bottom: 1px solid #CDCAA3;
	border-top: 1px solid #CDCAA3;
	color: #fff;
	height: 248px;
	left: 0px;
	top: 40px;
	width: 100%;
}

#headertoku {
	background: #FEFDF1;
	height: 60px;
	padding:0;
	left: 0px;
	top: 300px;
	width: 898px;
	text-align:center;
	margin: 10px 0;
	
}

#headertoku img{
	border: none;
}

#headermenu2 {
	background: #FEFDF1 url(../images/bodybottombg.gif) no-repeat left top;
	border:#999966 1px solid;
	height: 68px;
	left: 0px;
	top: 360px;
	width: 898px;
	
}

#headermenu2 ul {
	height: 28px;
	width:846px;
	padding: 5px 0 0 24px;
}
#headermenu2 ul li {
	float: left;
	width: 280px;
	border-right:#cccccc 1px solid;

	padding:0;

}

#headermenu2 ul li span{
	float: left;
	font-size:0.8em;
	color:#333333;
	font-weight:normal;
	text-align:left;
	padding-left:5px;


}

#headermenu2 ul li a {
	color: #2F2A28;
	display: block;
	font-size:1.25em;
	font-weight: bold;
	height: 57px;
	text-align:center;
	padding:0px;
	text-decoration: none;
}
#headermenu2 ul li a:hover {
	background: url(../images/bbbg.gif) repeat-x bottom;
	border: none;
	color:#990000;

	text-decoration: none;
}




/*----/Header MORE Panel----*/

/*---- left-sidemenu Panel----*/

#left-sidemenu {
	background: url(../images/leftsidebg.gif) right repeat-y;
	width: 205px;
	float: left;
}

#left-sidetoku {
	background:url(../images/lefttoku.gif);
	left: 0px;
	top: 0px;
	width: 200px;
	height:135px;
}

#left-sidetoku h2 {
padding:20px 0 0 20px;
}

/*NAVIGATION*/
.menu {
	margin-bottom : 20px;
	width : 200px;
	padding : 0px 0 0 0;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a {
display : block;
font-size : 12px;

background:#F7F0DA;
width : 175px;
padding : 0.5em 0.8em;
text-decoration : none;
border-left:#cccccc 5px solid;
}
.menu a:hover {
border-left:#002F5E 5px solid;
background-color : #fff;

}
.links {
font-size : 1.15em;
text-transform : uppercase;
letter-spacing : 1px;
font-weight:bold;
background:#AFC1D3;
padding:3px 0 3px 10px;
color:#FFFFFF;
}


/*---- right-sidemenu Panel----*/


#right-side h2 {
	background: #103D74 url(../images/menu-bg.gif) top repeat-x;
	font-size:1.25em;
	padding:7px 0 0 7px;
	color:#fff;
	height: 30px;
	font-weight:bold;
}

#right-side  {
	background: #FEFDF1;
	width: 690px;
	_width: 686px;
	margin: 0 0 0 210px;
	_margin: 0 0 0 206px;
}



.right-content {
	padding:10px;

}

.right-content h3{
	padding:0;
	margin:0px 0 10px 0;
	color:#000033;
	background:#CCCC33;
}

.right-content-img {
	padding:0 15px 15px 0;
	float: left;

}

/*--------------------------------------003*/
img.ad-img {
	margin:0;
	padding:0 10px 0 0;
	float: left;
}

.ad_title {
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 10px 0;
}
.adds {
	color:#006633;
}
.clearall {
	clear:both;
	height:1px;
	margin:3px 0;
	border-bottom:#669933 1px dotted;
}
h3.ad-h3 {
	background:#F7D595;
	padding:0 5px;
	border-bottom:#CC6600 1px solid;
	font-size:1.5em;
	color: #990000;

}
.right-ad {
	width:500px;
	height: 100px;
}
.user_said {
padding:10px;
border:#666 1px solid;
}


/*---- right-sidemenu Panel----*/





/*---- right-sidemenu Panel----*/


/*----Header Middle Panel----*/
#headerrightPan {
	background: url(../images/rightfolder.gif) 0 0 no-repeat;
	float: left;
	height: 292px;
	width: 46px;
}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan {
	margin: 0 auto;
	width: 850px;
	padding: 20px 10px;
}
#bodyPan h2 {
	background: #F2F0DC;
	font-size:1.75em;
	color: #D80000;
	/*height: 50px;*/
	font-weight:bold;
}
#bodyPan p {
	padding: 10px 0 0;
}
#bodyPan p span {
	font-weight: bold;
}
#bodyPan p.date {
	background: #FEFEF6;
	color: #000;
	font-size:1em;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 30px;
	width: 150px;
}
#bodyPan p.more {
	height: 16px;
	margin: 0 0 0 682px;
	padding: 0 0 14px 0;
	width: 102px;
}
#bodyPan p.more a {
	background: #F2F0DC;
	color: #D80000;
	display: block;
	font: 13px/16px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 16px;
	text-decoration: none;
	width: 102px;
}
#bodyPan p.more a:hover {
	background: #F2F0DC;
	color: #7E0202;
	text-decoration: none;
}
#bodyPan p.border {
	background: url(../images/dot-line.gif) 0 0 repeat-x;
	height: 1px;
	padding: 0 0 14px 0;
}
/*----Body Bottom Panel----*/
#bodybottomPan {
	margin: 0 auto;
	padding: 30px 0 0 8px;
	position: relative;
	width: 778px;
}
/*----Bottom Left Panel----*/
#bottomleftPan {
	background: url(../images/bodybottombg.gif) 0 0 no-repeat #FEFDF0;
	border-bottom: 1px solid #CDCAA3;
	border-left: 1px solid #CDCAA3;
	border-right: 1px solid #CDCAA3;
	color: #D80000;
	float: left;
	margin: 0px;
	width: 375px;
}
#bottomleftPan h2 {
	background: url(../images/icon1.jpg) 0 0 no-repeat;
	font: 26px/26px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	height: 58px;
	margin: 22px 0 0 41px;
	padding: 0 0 0 65px;
	width: 250px;
}
#bottomleftPan h2 span {
	background: #FCFBED;
	color: #5D5B46;
	font-size: 20px;
}
#bottomleftPan ul {
	margin: 15px 0 0 50px;
	width: 290px;
}
#bottomleftPan ul li {
	background: url(../images/bullet1.gif) 0 0 no-repeat;
	height: 30px;
	width: 290px;
}
#bottomleftPan ul li a {
	background: url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1;
	color: #2F2A28;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 80px;
	text-decoration: none;
	width: 210px;
}
#bottomleftPan ul li a:hover {
	background: url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1;
	color: #2F2A28;
	display: block;
	line-height: 30px;
}
#bottomleftPan p.more {
	height: 21px;
	margin: 10px 0 25px 50px;
	padding: 0px;
	width: 270px;
}
#bottomleftPan p.more a {
	background: url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1;
	color: #fff;
	display: block;
	font: 13px/20px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 21px;
	text-align: center;
	text-decoration: none;
	width: 270px;
}
#bottomleftPan p.more a:hover {
	background: url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1;
	color: #FDF6B6;
	text-decoration: none;
}
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan {
	background: url(../images/bodybottombg.gif) 0 0 no-repeat #FEFDF0;
	border-bottom: 1px solid #CDCAA3;
	border-left: 1px solid #CDCAA3;
	border-right: 1px solid #CDCAA3;
	color: #D80000;
	float: left;
	margin: 0 0 0 8px;
	width: 375px;
}
#bottomrightPan h2 {
	background: url(../images/icon2.jpg) 0 0 no-repeat;
	font: 26px/26px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	height: 58px;
	margin: 22px 0 0 41px;
	padding: 0 0 0 65px;
	width: 250px;
}
#bottomrightPan h2 span {
	background: #FCFBED;
	color: #5D5B46;
	font-size: 20px;
}
#bottomrightPan ul {
	margin: 15px 0 0 50px;
	width: 290px;
}
#bottomrightPan ul li {
	background: url(../images/bullet1.gif) 0 0 no-repeat;
	height: 30px;
	width: 290px;
}
#bottomrightPan ul li a {
	background: url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1;
	color: #2F2A28;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 80px;
	text-decoration: none;
	width: 210px;
}
#bottomrightPan ul li a:hover {
	background: url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1;
	color: #2F2A28;
	display: block;
	line-height: 30px;
}
#bottomrightPan p.more {
	height: 21px;
	margin: 10px 0 25px 50px;
	padding: 0px;
	width: 270px;
}
#bottomrightPan p.more a {
	background: url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1;
	color: #fff;
	display: block;
	font: 13px/20px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 21px;
	text-align: center;
	text-decoration: none;
	width: 270px;
}
#bottomrightPan p.more a:hover {
	background: url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1;
	color: #FDF6B6;
	text-decoration: none;
}
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan {
	background: #F2F0DC;
	/*background: url(../images/footerbg.gif) 0 -20px repeat-x #3B3B3B;*/
	clear: both;
	color: #fff;
	font: 13px/20px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	height: 50px;
	margin: 0 auto;
	padding: 10px 0 0;
}
#footerPan {
	margin: 0 auto;
	position: relative;
/*	width: 700px;*/
}
#footerPan ul {
	height: 20px;
	margin: 0 auto;
	position: relative;
/*	width: 480px;*/
}
#footerPan li {
	float: left;
}
#footerPan ul li a {
	background: #F2F0DC;
	color: #000033;
	font-size: 12px;
	padding: 0 10px 0;
	text-decoration: none;
}
#footerPan ul li a:hover {
	text-decoration: underline;
}
#footerPan p.copyright {
	background: #3B3B3B;
	color: #fff;
	font-size: 11px;
	margin: 0 auto;
	position: relative;
	width: 220px;
}
#footerPan ul.templateworld {
	background: #3B3B3B;
	color: #fff;
	display: block;
	font-size: 10px;
	left: 260px;
	position: absolute;
	top: 70px;
	width: 250px;
}
#footerPan ul.templateworld li {
	height: 20px;
}
#footerPan ul.templateworld li a {
	background: #3B3B3B;
	color: #fff;
	display: block;
	padding: 0px;
	text-decoration: none;
}
#footerPan ul.templateworld li a:hover {
	text-decoration: underline;
}
#footerPanhtml {
	display: block;
	height: 24px;
	left: 265px;
	position: absolute;
	top: 45px;
	width: 70px;
}
#footerPanhtml a {
	background: url(../images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 4px;
	text-decoration: none;
	text-transform: uppercase;
	width: 66px;
}
#footerPanhtml a:hover {
	background: url(../images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B;
	color: #fff;
}
#footerPancss {
	display: block;
	height: 24px;
	left: 340px;
	position: absolute;
	top: 45px;
	width: 58px;
}
#footerPancss a {
	background: url(../images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 8px;
	text-decoration: none;
	text-transform: uppercase;
	width: 58px;
}
#footerPancss a:hover {
	background: url(../images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B;
	color: #fff;
	text-decoration: none;
}
/*----/FOOTER PANEL----*/

.right-ad a:link {
	text-decoration: none;
}
.right-ad a:visited {
	text-decoration: none;
}

#sp-pickup {
/*        border:1px #FF3300 solid;*/
        padding:5px 5px 5px 15px;
        background:url(../images/GUM11_CL01021.gif) 500px 10px no-repeat;
}
#sp-pickup-center {
        padding:0px 70px 0 70px;
        margin-bottom:5px;
/*      background:url(../images/GUM11_CL01022.gif) 320px 160px no-repeat;*/
        height:210px;
}


#sp-pickup .right-sp-ad {
        width:450px;
}

.right-sp-ad-left {
        width:250px;
        height:195px;
        float:left;
        text-align:center;
        background:url(../images/3red.gif) no-repeat top center;
        padding: 15px 0 0 0;
}

.right-sp-ad-right {
        width:250px;
        height:195px;
        float:right;
        text-align:center;
        background:url(../images/3green.gif) no-repeat top center;
        padding: 15px 0 0 0;
}

.wzwz {
width:15px;
float:left;
margin-left:70px;
        
}

#sp-pickup-bunny {
	/*text-align:center;*/
/*	padding:52px 0px 0 91px;*/
	padding:52px 0 0 91px;
	height:130px;
	background:url(../images/468_60_1.gif) center 20px no-repeat;
}

/*---- 20090430 right-ad Panel----*/

#left-ad-link {
	width:680px;
	float:left;
}
#right-ad-link {
	width:200px;
	float:right;
	background:#Fff;
	padding:5px;
	
}
#left-ad-link h2 {
	background: #103D74 url(../images/menu-bg.gif) top repeat-x;
	font-size:1.25em;
	padding:7px 0 0 7px;
	color:#fff;
	height: 30px;
	font-weight:bold;
	margin-bottom:5px;
}

#right-ad-link h2 {
	background:  #EACA8E top repeat-x;
	font-size:1.25em;
	padding:7px 0 0 7px;
	color:#333;
	height: 30px;
	font-weight:bold;
}

.ad-right {
	width:200px;

}

.ad-left {
	width:680px;
	border-bottom:#666666 1px dotted;
	position:relative;
	padding:0;

}

.kokoda-on {
	width:50px;
	height:50px;
	padding:0;
	margin:0;
	position: absolute;
	left:0px;
	top:0px;
	background: url(../images/kokoda2.gif) no-repeat;
}


/*---- /20090430 right-ad Panel----*/

img.ad-img {
        margin:4px 0 0 0;
        padding:0px 10px 0px 0;
        float: left;
}

.hr-line {
border-bottom: 5px #003366 ridge;
color: #003399;

width:680px;

}

