/*Base
-------------------------------------------------------------*/
/*Reset
--------------*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,address {
	margin:0;
	padding:0;
	list-style:none;
	}

ul li img {vertical-align:top;}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	color:#535353;
	}

#wrapper img {
	border:0;
	line-height:0;
	}

#wrapper em {
	font-style:normal;
	font-weight:bold;
	}
	

/*Layout
-------------------------------------------------------------*/
#wrapper {
	text-align:center;
	background:url(../images/body_bg.gif) repeat-x top;
	padding:17px 0 30px 0;
	}
	
#container {
	width:906px;
	clear:both;
	padding:0 0 11px 0;
	margin:0 auto 35px auto;
	text-align:left;
	background:url(../images/cont_bg_btm.gif) no-repeat bottom;
	}
	

/*seo
-------------------------------------------------------------*/
#top {
	background:url(../images/hdr_bg.gif);
	text-align:center;
	padding:8px 0;
	}

#top h1 {
	width:868px;
	margin:0 auto;
	padding:0 16px;
	text-align:left;
	color:#ffffff;
	font-weight:normal;
	}
	
	
/*header
-------------------------------------------------------------*/
#header, #header2 {
	width:906px;
	background:url(../images/hdr_bg_top.jpg) no-repeat top;
	padding:14px 0 0 0;
	}
	
#header .bg, #header2 .bg {
	width:900px;
	background:url(../images/cont_bg_mdl.png) repeat-y;
	padding:0 3px;
	}

*html #header .bg ,*html #header2 .bg {
	background:url(../images/cont_bg_mdl.png) repeat-y;
	behavior:expression(IEPNGFIX.fix(this));
	}

#header .flWrap {
	width:866px;
	padding:6px 19px 13px 15px;
	}
	
#header2 .flWrap {
	width:866px;
	padding:0 19px 6px 15px;
	}

#header h2 {
	width:256px;
	height:38px;
	float:left;
	background:url(../images/hdr_logo.gif) no-repeat;
	}

#header h2 a {
	display:block;
	width:256px;
	height:38px;
	text-indent:-9999px;
	outline:none;
	}

#header2 h2 {
	width:154px;
	height:30px;
	float:left;
	background:url(../images/hdr_logo_s.gif) no-repeat;
	}

#header2 h2 a {
	display:block;
	width:154px;
	height:30px;
	text-indent:-9999px;
	outline:none;
	}

h3#mainImg {
	clear:both;
	text-indent:-9999px;
	margin:0 auto;
	}


/*fontChanger
--------------*/
#fontChanger {
	width:175px;
	float:right;
	margin:7px 0 0 0;
	}

#fontChanger p {
	/*width:105px;*/
	float:left;
	margin:1px 5px 0 0;
	text-align:right;
	background:url(../images/icn_list.gif) no-repeat left;
	padding-left:15px;
	}

#fontChanger ul {
	width:67px;
	float:right;
	}

#fontChanger ul li {
	width:19px;
	height:19px;
	float:left;
	margin-right:5px;
	}

#fontChanger ul li a {
	width:19px;
	height:19px;
	display:block;
	text-indent:-9999px;
	outline:none;
	}
	
#fontChanger ul li#fontS {
	margin-right:0;
	}

#fontChanger ul li#fontS {background:url(../images/fsize_btn_s_over.gif) no-repeat;}
#fontChanger ul li#fontS a {background:url(../images/fsize_btn_s.gif) no-repeat;}
#fontChanger ul li#fontS a:hover{background:none;}

#fontChanger ul li#fontM {background:url(../images/fsize_btn_m_over.gif) no-repeat;}
#fontChanger ul li#fontM a {background:url(../images/fsize_btn_m.gif) no-repeat;}
#fontChanger ul li#fontM a:hover{background:none;}

#fontChanger ul li#fontL {background:url(../images/fsize_btn_l_over.gif) no-repeat;}
#fontChanger ul li#fontL a {background:url(../images/fsize_btn_l.gif) no-repeat;}
#fontChanger ul li#fontL a:hover{background:none;}


/*globalNavi2
-------------------------------------------------------------*/
#globalNavi2 {
	width:900px;
	clear:both;
	background:url(../images/cont_bg_mdl.png) repeat-y;
	padding:0 3px;
	}

*html #globalNavi2 {
	background:url(../images/cont_bg_mdl.png) repeat-y;
	behavior:expression(IEPNGFIX.fix(this));
	}

#globalNavi2 ul {
	background:url(../images/gnavi2_bg.gif) repeat-x;
	padding:0 14px 0 15px;
	}
	
#globalNavi2 ul li {
	float:left;
	height:42px;
	}

#globalNavi2 ul li a {
	display:block;
	height:42px;
	text-indent:-9999px;
	outline:none;
	}
	
#globalNavi2 ul li a:hover {background:none !important;}

#globalNavi2 ul li#gnaviTop, #globalNavi2 ul li#gnaviTop a {width:132px;}
#globalNavi2 ul li#gnaviTop {background:url(../images/gnavi2_top_over.gif) no-repeat;}
#globalNavi2 ul li#gnaviTop a {background:url(../images/gnavi2_top.gif) no-repeat;}

#globalNavi2 ul li#gnaviBlog, #globalNavi2 ul li#gnaviBlog a {width:195px;}
#globalNavi2 ul li#gnaviBlog {background:url(../images/gnavi2_blog_over.gif) no-repeat;}
#globalNavi2 ul li#gnaviBlog a {background:url(../images/gnavi2_blog.gif) no-repeat;}
#BlogPage #globalNavi2 ul li#gnaviBlog a {background:url(../images/gnavi2_blog_over.gif) no-repeat;}

#globalNavi2 ul li#gnaviSeek, #globalNavi2 ul li#gnaviSeek a {width:147px;}
#globalNavi2 ul li#gnaviSeek {background:url(../images/gnavi2_seek_over.gif) no-repeat;}
#globalNavi2 ul li#gnaviSeek a {background:url(../images/gnavi2_seek.gif) no-repeat;}
#SeekPage #globalNavi2 ul li#gnaviSeek a {background:url(../images/gnavi2_seek_over.gif) no-repeat;}

#globalNavi2 ul li#gnaviParent, #globalNavi2 ul li#gnaviParent a {width:192px;}
#globalNavi2 ul li#gnaviParent {background:url(../images/gnavi2_parent_over.gif) no-repeat;}
#globalNavi2 ul li#gnaviParent a {background:url(../images/gnavi2_parent.gif) no-repeat;}
#ParentPage #globalNavi2 ul li#gnaviParent a {background:url(../images/gnavi2_parent_over.gif) no-repeat;}

#globalNavi2 ul li#gnaviReborn, #globalNavi2 ul li#gnaviReborn a {width:205px;}
#globalNavi2 ul li#gnaviReborn {background:url(../images/gnavi2_reborn_over.gif) no-repeat;}
#globalNavi2 ul li#gnaviReborn a {background:url(../images/gnavi2_reborn.gif) no-repeat;}
#RebornPage #globalNavi2 ul li#gnaviReborn a {background:url(../images/gnavi2_reborn_over.gif) no-repeat;}


/*pankuzu
-------------------------------------------------------------*/
ol#pankuzu {
	margin:0 0 12px 4px;
	}
	
ol#pankuzu li {
	display:inline;
	margin-right:5px;	
	}
	
ol#pankuzu li a {
	padding-right:7px;
	}


/*contents
-------------------------------------------------------------*/
#contents {
	width:856px;
	clear:both;
	padding:12px 25px 10px 25px;
	background:url(../images/cont_bg_mdl.png) repeat-y;
	}

*html #contents {
	background:url(../images/cont_bg_mdl.png) repeat-y;
	behavior:expression(IEPNGFIX.fix(this));
	}
	
#contents2 {
	width:870px;
	clear:both;
	padding:25px 18px 10px 18px;
	background:url(../images/cont_bg_mdl.png) repeat-y;
	}
	
*html #contents2 {
	background:url(../images/cont_bg_mdl.png) repeat-y;
	behavior:expression(IEPNGFIX.fix(this));
	}

#mainArea {
	width:565px;
	float:right;
	}	
	
#sideArea {
	width:264px;
	float:left;
	background:url(../images/side_bg_top.gif) no-repeat top;
	padding:11px 0 0 0;
	}

#sideArea .bg {
	background:url(../images/side_bg_btm.gif) no-repeat bottom;
	padding:0 0 11px 0;
	}

#sideArea .cont {
	width:240px;
	background:url(../images/side_bg_mdl.gif) repeat-y;
	padding:12px 12px 12px 12px;
	}

#sideArea .section {
	margin-bottom:30px;
	}

#sideArea .section .ttl {
	border-left:solid 2px #f9bc63;
	padding-left:10px;
	font-weight:bold;
	color:#776559;
	margin-bottom:7px;
	}

#sideArea .section ul.dotList {
	margin-left:5px;
	}

#sideArea .section ul.winList {
	margin-left:5px;
	}

#sideArea .section ul.winList li {
	background:url(../images/icn_win.gif) no-repeat left 5px;
	padding-left:18px;
	margin-bottom:3px;
	}
	
#sideArea .section p.dotList {
	margin:0 0 3px 5px;
	}
	
#sideArea .qrBox {
	text-align:center;
	}
	
#sideArea .rssBox {
	margin-left:5px;
	}

	
/*calendar
--------------*/
#sideArea .calendar table {
	width:240px;
	border:0;
	}

#sideArea .calendar table th,
#sideArea .calendar table td {
	width:34px;
	text-align:center;
	}

#sideArea .calendar .clearfix {
	width:230px;
	padding:0 5px 5px 5px;
	background:url(../images/cl_ttl_bg.gif) repeat-x bottom;
	}

#sideArea .calendar .clTtl {
	display:block;
	width:200px;
	float:left;
	text-align:center;
	color:#ff8e00;
	font-weight:bold;
	}

#sideArea .calendar .clArwL {
	display:block;
	width:15px;
	float:left;
	margin-top:2px;
	}
	
#sideArea .calendar .clArwR {
	display:block;
	width:15px;
	float:right;
	margin-top:2px;
	}
	
#sideArea .calendar table .sunday {
	color:#b73f0b;
	}

#sideArea .calendar table .saturday {
	color:#416fcc;
	}

#sideArea .calendar table a {
	color:#ff8e00;
	font-weight:bold;
	}
	
#sideArea .calendar table a:hover {
	color:#3d8dc9;
	}
	

/*entryBox
--------------*/	
ul#pageLink {
	clear:both;
	text-align:center;
	}
	
ul#pageLink li {
	display:inline;
	text-align:center;
	padding:0 10px;
	}
	
	
/*pageCont
--------------*/
.pageCont {
	padding:0 10px;
	}
	
.pageCont .section {
	clear:both;
	margin-bottom:40px;
	}
	
.pageCont .section .boxWrap {
	width:830px;
	padding:0 10px;
	}
		

/*footer
-------------------------------------------------------------*/
#footer {
	width:906px;
	clear:both;
	background:url(../images/ftr_bg_top.gif) no-repeat top;
	padding-top:13px;
	margin:0 auto;
	text-align:center;
	}
		
#footer .bg {
	background:url(../images/cont_bg_btm.gif) no-repeat bottom;
	padding:0 0 11px 0;
	}

#footer .cont {
	width:886px;
	background:url(../images/ftr_bg_mdl.gif) no-repeat left top;
	padding:0 10px 15px 10px;
	}
		
#footer ul#footerNavi {
	padding:15px 0 0 0;
	clear:both;
	}
		
#footer ul#footerNavi li {
	display:inline;
	padding-right:10px;
	margin-right:10px;
	border-right:solid 1px #474747;
	color:#474747;
	line-height:1.4;
	}

#footer ul#footerNavi li.none {
	padding-right:0;
	margin-right:0;
	}
	
#footer #copyRight {
	clear:both;
	border-top:solid 1px #d7d7d7;
	margin:20px 11px 0 11px;
	padding-top:15px;
	text-align:center;
	}
	
	
/*Other
-------------------------------------------------------------*/
	
/*Link
--------------*/
a {color:#004477;}
a:link {color:#004477;}
a:visited {color:#800080;}
a:hover {color:#ec8300;}	
a:active {color:#800080;}
	

/*Class
--------------*/
h4.ttl {
	background:url(../images/ttl_bg_grey02.gif) repeat-x bottom;
	color:#ffffff;
	padding-bottom:3px;
	margin-bottom:15px;
	}
	
h4.ttl span {
	display:block;
	background:url(../images/ttl_bg_grey.gif);
	padding:5px 10px 3px 10px;
	}

.ttl2 {
	background:url(../images/bg_line_brw.gif) repeat-x top;
	padding-top:10px;
	margin-bottom:15px;
	color:#776559;
	}

.ttl2 span {
	display:block;
	background:url(../images/bg_line_brw.gif) repeat-x bottom;
	padding:0 10px 10px 10px;
	}

p.pageTop {
	width:114px;
	height:18px;
	clear:both;
	margin:20px 0 0 auto;
	}
	
p.pageTop a {
	display:block;
	width:114px;
	height:18px;
	text-indent:-9999px;
	outline:none;
	background:url(../images/pagetop.gif) no-repeat;
	}
		
.qrArea {
	/*display:none;*/
	}
	
.note {
	clear:both;
	text-indent:-1em;
	padding-left:1em;
	margin:10px 0 0 0;
	}
	
.fontB {font-weight:bold;}
	
#wrapper .mg0 {margin:0 !important;}

#wrapper .pd0 {padding:0 !important;}

#wrapper .none {
	background:none !important;
	border:none !important;
	}

#wrapper .all0 {
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	}
	
#wrapper .ls0 {letter-spacing:0;}


/*Icon
--------------*/
.icn {margin:0 5px 0 0;}
.icnM {margin:5px 5px 0 3px;}

p.dotList {
	background:url(../images/icn_list.gif) no-repeat left 5px;
	padding-left:15px;
	}	

ul.dotList li {
	background:url(../images/icn_list.gif) no-repeat left 5px;
	padding-left:15px;
	margin-bottom:3px;
	}
	
ul.dotListBrw li {
	background:url(../images/icn_list_brw.gif) no-repeat left 5px;
	padding-left:15px;
	}
		

/*Text-align
--------------*/
.txaL {text-align:left;}
.txaR {text-align:right;}
.txaC {text-align:center;}	


/*Float
--------------*/
.flL, .boxL {float:left;}
.flR, .boxR {float:right;}


/*Clear
--------------*/
.both {clear:both;}

.clearfix:after, .flWrap:after, .boxWrap:after, .bg:after,
#globalNavi ul:after, #globalNavi2 ul:after, 
#contents:after, #contents2:after, .entryCont:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
 line-height:0; 
	}

.clearfix, .flWrap, .boxWrap, .bg,
#globalNavi ul, #globalNavi2 ul, 
#contents, #contents2, .entryCont {
	display:inline-block;
	zoom:1;
	}	


/*Display
--------------*/
.dispB {display:block;}	

	
/*Margin
--------------*/
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}

/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}
.mgR30 {margin-right:30px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}
.mgL30 {margin-left:30px;}


/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}

