/* -------------- NARUHODO.NET common style  ---------------*/

/* ---------- Basic elements ----------*/
body{
	background: url(images/allback.gif);
	font-family:'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h1 {font-size:140%; color: #3333cc; line-height:130%;}
h2 {font-size:100%; color: #000099; line-height:130%;}
h3 {font-size: 90%; color: #006666; line-height:130%;}
h4 {font-size: 85%; color: #333366; line-height:130%;}
h5 {font-size: 80%; color: #555555; line-height:130%;}
h6 {font-size: 80%; color: #333333; line-height:130%;}
p  {font-size: 80%; color: #444444; line-height:150%;}
td {font-size: 80%; color: #444444; line-height:150%;}
li {font-size: 80%; color: #222222; line-height:150%;}
a  { text-decoration: none;outline:0;}
a:link		{ color: #0000cc;} 
a:visited	{ color: #003399;} 
a:active	{ color: #333399;} 
a:hover		{ color: #0066ff; text-decoration: underline;} 
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}
ol {list-style:decimal;}
ul {list-style:square;}

table {border: 1px #ccc solid; border-collapse: collapse; border-spacing: 0;vertical-align:top;}
table th{
    padding: 5px; border: #ccc solid; border-width: 0 0 1px 1px;
    background: #f0f0ff; font-weight: bold; line-height: 120%;
    text-align: center; white-space: nowrap; 
}
table td{
    padding: 3px 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px;
}

li.linkList{list-style:none; margin-bottom:5px;}
img.linkImg{margin:0px 5px 0px 0px;}

/* ---------- BOX TOP/BOTTOM  ---------- */

.boxTop {
	height:15px; margin: 0px ; padding: 0px;
	background:url(images/backbox_t.gif) no-repeat top center;
}
.boxBottom {
	height:15px; margin:0px ; padding: 0px; clear:both;
	background:url(images/backbox_b.gif) no-repeat bottom center;
}


/* ---------- Header elements ---------- */

#header{
	width: 940px; min-height:100px;	margin: 10px auto 0px auto;
  background: url(images/backbox_c.gif) repeat-y top right;
}

#headerL	{width:660px; float:left ; margin:-20px 0px 10px -15px; _margin-left:-7px; }
#headerR	{width:260px; float:right; margin:0px 20px 0px 0px; _margin-right:10px; text-align:right;}
#headerMenu	{
	clear:both; width:640px; margin:10px 0px 0px 30px; _margin-left:15px; padding-top:5px;
	border-top:#ccccdd 1px dotted;
}



/* ---------- Footer elements ----------- */
#footer{ 
	clear: both; margin: 0px auto 0px auto; width: 940px;
	background: url(images/backbox_c.gif) repeat-y top right;
}

#footerBody {width: 900px; margin-left:20px; _margin-left:10px;}

#footerMenu {text-align: center;}
#footerMenu ul{line-height:150%; margin:0px 0px 5px 0px;}
#footerMenu li{font-size: 80%; display:inline;line-height:180%; }
#footerMenu a{
	padding: 2px 3px 1px 3px; margin:3px 0px 3px 0px;
	border-top: #ccccff 1px solid;border-bottom: #666699 1px solid;
	border-left: #ccccff 1px solid;border-right: #666699 1px solid;
	line-height:100%; font-weight:bold; 
}
#footerMenu a:link { color: #4433cc } 
#footerMenu a:visited { color: #3344cc }
#footerMenu a:hover { color: #0000cc ; background: #eeeeff; text-decoration: none }
#footerMenu a:active { color: #0000ff }

.copyright {text-align: center; border-top: #9999cc 1px solid; padding:3px 0px 0px 0px;}
.copyright p{margin:0px; font-size: 80%;font-weight: normal; color: #333377}



/* ---------- Contents elements ---------- */
#contents {
	width: 940px; clear: both;	margin: 0px auto 0px auto;
	background: url(images/backbox_c.gif) repeat-y top right;
} 

#contentsBody {width: 750px; float: right;}


/* ------------ main elements ------------ */
#main{float: left;}

#main h1 {
	margin: 20px 0px 20px 0px; padding :2px 0px 2px 10px; text-align:center;
	font-family: "ＭＳ Ｐ明朝", "細明朝体";
	text-shadow: #9999cc 2px 2px 3px;
	filter: shadow(color=#9999cc,direction=135,strength=3);_height:1.1em;
	border-top: #6666aa 2px dotted; border-bottom: #6666aa 2px dotted;
}

#main h2{margin-top:30px; margin-bottom:10px;}
#main h3{margin-top:25px; margin-bottom:10px;}
#main h4{margin-top:20px; margin-bottom:10px;}
#main h5{margin-top:10px; margin-bottom:10px;}
#main h6{margin-top:10px; margin-bottom:10px;}
#main p	{margin-top:5px; margin-bottom:10px;}}
#main ol{margin-top:20px; margin-bottom:10px; margin-left:20px;}
#main ul{margin-top:20px; margin-bottom:10px; margin-left:20px;}
#main table{margin-top:10px; margin-bottom:10px;}
#main hr{margin-top:30px;margin-bottom:20px;}
.campain{color:#ff4400;}
.campain2{color:#009900;}

.mainTitleImg {text-align:center;margin:30px 0px 15px 0px;}
.flashLine{border:#cccccc 1px solid;padding:2px;}

.shift20 {margin-left:20px; _margin-left:10px;}

/* ---------- menuArea elements ---------- */
.leftArea{width:160px;float: left;}

.menuArea{ 
	width:170px; float: left; margin:10px 0px 10px -10px; position:relative;
    background: url(images/menuback_c.gif) repeat-y top left;
} 
.menuAreaTop {
	height:25px; margin: 0px ; padding: 10px 5px 0px 5px;text-align: center; 
	background:url(images/menuback_t.gif) no-repeat top left;
}
.menuAreaTop h2{font-size: 90%; color: #ffffff;}
.menuAreaBottom {
	height:15px; margin: 0px ; padding: 0px; clear:both;
	background:url(images/menuback_b.gif) no-repeat bottom left;
}
.ddMenu {width:150px; padding: 5px 5px 5px 10px;}

.bunnerArea {width:150px; margin:10px 0px 0px 5px; _margin-left:3px;text-align:center}
.bunnerAreaR{width:170px; margin:10px 0px 0px 0px; text-align:center;}



/* --------- adsence elements --------- */
.rightArea{width:170px;float: right;}

.adsArea{
	width: 180px; float: right; margin:10px -5px 10px 0px;text-align: center; 
  background: url(images/adsback_c.gif) repeat-y top right;
}
.adsArea165 {width:165px;margin-left:7px ;_margin-left:3px ;margin-bottom:20px;}
.adsArea165 p{font-size: 70%; color: #555555; line-height:120%;}
.adsArea120 {width:120px;margin-left:26px;_margin-left:13px;margin-bottom:20px;}
.adsAreaSpc {margin:15px;}
.adsAreaTop {
	height:10px; margin: 0px 0px 5px 0px; padding: 0px;
	background:url(images/adsback_t.gif) no-repeat top right;
}
.adsAreaBottom {
	height:10px; margin: 5px 0px 0px 0px; padding: 0px;
	background:url(images/adsback_b.gif) no-repeat bottom right;
}

.adsAreaT{ clear:both; margin-top:10px; text-align: center; }
.adsAreaB{ clear:both; margin-top:30px; text-align: center; }

.adsAreaLink{
	width:500px; margin:10px 0px; padding:5px;
	text-align:center; border-bottom:#cccccc 1px dotted;
}

.adsLink468{
	width: 468px; float:left; padding:5px;text-align: center; 
	border:#cccccc 1px solid;
}

.adsArea250{
	clear:both; width: 250px; float:right; padding:5px;
	text-align: center; border:#cccccc 1px solid;
}


/* -------------- LINK ---------------- */

.linkBox {margin-top:10px; width:540px; border-bottom:#cccccc 1px dotted;}
.linkName{float:left; width:170px;}
.linkCapt{float:right; width:350px;}
.linkBox img{float:left ; padding: 0px 10px 10px 0px}


#mainSub{
	width: 180px; float:left; margin:0px;text-align:center;
}