@charset "utf-8";
/* ---------------------------------------------- */
/* Base */
/* ---------------------------------------------- */
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font:14px "MS Pゴシック",Arial,sans-serif ;
	color: #666666;
	text-align: left;
	line-height: 1.3em;
	background:#FFF url(../img/backimg_main.jpg) 50% 0 no-repeat;
}
p {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px;
	margin: 5px 0px 0px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
a:link {
	color: #6699cc;
	text-decoration: underline;
	line-height: 1.3em;
}
a:visited {
	color: #6699cc;
	text-decoration: underline;
	line-height: 1.3em;
}
a:hover , a:active {
	color: #bf3d44;
	text-decoration: none;
	line-height: 1.3em;
}
li {
	line-height: 1.3em;
}

.clearfix {
	font-size: 1px;
	clear: both;
}
.Left {
	float: left;
	padding: 0px 10px 0px 0px;
}
.Right {
	float: right;
	padding: 0px 0px 0px 10px;
}
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.ImageLeft{
	margin: 0px 6px 6px 0px;
	float: left;
}
.ImageRight{
	margin: 0px 0px 6px 6px;
	float: right;
}
.img{
	float: left;
	display: inline;
	margin: 0px 4px 4px 0px;
	border: none;
}


/* ---------------------------------------------- */
/* Layout */
/* ---------------------------------------------- */
.wrap {
	/*background: #FFFFFF;*/
	padding: 0px;
	width: 900px;
	margin: 0px auto;
}


/* ---------------------------------------------- */
/* pankuzu */
/* ---------------------------------------------- */
.pankuzu {
background:#fff;
margin: 0px;
padding: 10px 15px;
font-size: 12px;
border:solid 1px #9EC8EF;
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}


/* ---------------------------------------------- */
/* Page */
/* ---------------------------------------------- */
.bptlink{
	margin: 0px 10px 10px 0px;
	padding: 5px 16px 5px 5px;
	font-size: 12px;
	text-align: right;
	background: url(../img/bpt.png) no-repeat right 8px;
}


/* ---------------------------------------------- */
/* nav-btm */
/* ---------------------------------------------- */
.nav-btm{
	margin: 0px 10px 10px 0px;
	padding: 5px;
}
.nav-btm a.Next,
.nav-btm a.Back{
	width:250px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.nav-btm a.Next{
	text-align: right;
	float:right;
	background: url(../img/PageNext.gif) no-repeat right 4px;
	padding: 0px 15px 0px 0px;
}
.nav-btm a.Back{
	text-align: left;
	float:left;
	background: url(../img/PageBack.gif) no-repeat left 4px;
	padding: 0px 0px 0px 15px;
}

/* ---------------------------------------------- */
/* H1Area */
/* ---------------------------------------------- */
.H1Area {
	padding-top:2px;
	height:20px;
	border-top:solid 3px #B48332;
}
.H1Area .w900 {
	width:900px;
	margin:0 auto;
	color:#333333;
}
.H1Area h1 , .H1Area_title {
	font-size:12px;
	font-weight:normal;
	color:#666;
	margin:0;
	padding:0;
	line-height:1.2;
}

/* ---------------------------------------------- */
/* header */
/* ---------------------------------------------- */
.header {
	margin: 0px;
	height: 230px;
	width: 900px;
	position: relative;
	padding:0;
	/*background-image: url(../img/HeaderBg.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header .logo {
	position:absolute;
	top:83px;
	/*left:120px;*/
}
.header h1, .Site {
	color:#004182;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px;
	position: absolute;
	height: 70px;
	left: 60px;
	top: 40px;
}
.header h1 a:link , .Site a:link ,
.header h1 a:visited , .Site a:visited {
	color:#004182;
	text-decoration: none;
}
.header h1 a:hover , .Site a:hover ,
.header h1 a:active , .Site a:active {
	color:#004182;
	text-decoration: underline;
}
.header p.header_p {
	color: #FFF;
	font-weight: bold;
	margin: 0;
	position:absolute;
	width:550px;
	left:5px;
	top:135px;
}
.header p.HeaderCatch {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 3px;
	font-weight: bold;
	color: #4f4f4f;
}
.keyvisual-sub {
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 188px;
}
.keyvisual-sub ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.keyvisual-sub ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
}
.keyvisual-sub ul li a {
	display: block;
	text-indent:-9999px;
	width:151px;
	height:28px;
	overflow:hidden;
	outline:none;
	background: url(../img/sitemap_btn.png) no-repeat 0px 0px;
}
.keyvisual-sub ul li a:link , .keyvisual-sub ul li a:visited {
	color: #6885a8;
}
.keyvisual-sub ul li a:hover , .keyvisual-sub ul li a:active {
	color: #56569c;
}


/* ---------------------------------------------- */
/* MainField */
/* ---------------------------------------------- */
.MainField {
	margin: 10px 0px 0px;
	padding: 0px;
	background: #FFFFFF url(../img/main_backimg.jpg);
	border:solid 1px #9ec8ef;
}


/* ---------------------------------------------- */
/* Footer */
/* ---------------------------------------------- */
.Footer {
	text-align: center;
	margin:0;
	padding: 10px;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	background: url(../img/footer_back.jpg) 0 0 no-repeat;
}
.Footer a:link ,
.Footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.Footer a:hover ,
.Footer a:active {
	color: #FFF;
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* Column */
/* ---------------------------------------------- */
.Container {
	width: 620px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.SideMenu {
	width: 258px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}


/* ---------------------------------------------- */
/* Side */
/* ---------------------------------------------- */
.navigation {
	background: url(../img/navigation_top.gif) no-repeat 0px 0px;
	margin: 0;
	padding:20px 0 0 0;
	text-align: center;
	width: 260px;
	height: 40px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-indent:-9999px;
}
.menu_area {
	margin: 0px;
	padding: 0 10px 5px 10px;
	width: 240px;
	/*background: url(../img/SideMenu_backimg.jpg) 0 0 repeat-y;*/
	/*border-bottom:solid 3px #73481d;*/
}


/* ---------------------------------------------- */
/* menu_parent*/
/* ---------------------------------------------- */
.navigation_top , 
.menu_parent  {
	margin: 0;
	padding: 0;
}
.navigation_top a , 
.menu_parent a {
	color:#6699cc;
	margin:0px;
	padding: 12px 10px 12px 26px;
	display: block;
	/*background-color: #FFF;*/
	background-image: url(../img/menu_parent.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	border-bottom: dotted 1px #CCC;
}

.sidemenu_bg {
		background-color: #FFF;
}

.navigation_top a:hover , 
.menu_parent a:hover {
	color:#6699cc;
	margin:0px;
	padding: 12px 10px 12px 26px;
	display: block;
	background-image: url(../img/menu_parent.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

/* ---------------------------------------------- */
/* nav-page*/
/* ---------------------------------------------- */
.menu_area ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu_area ul li {
	margin: 0px;
	padding: 0px;
}

.menu_area ul.nav-page li a {
	margin: 0px;
	padding: 6px 10px 6px 26px;
	display: block;
	background-image: url(../img/S_M_List_Page1.png);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	color:#6699cc;
	border-bottom: dotted 1px #CCC;
}

.menu_area ul.nav-page li a:hover {
	background-position: 8px 10px;
}

/* ---------------------------------------------- */
/* recommend */
/* ---------------------------------------------- */
.menu_area ul li.recommend a {
	background: url("../img/menu_reco.gif") no-repeat scroll 6px 50% transparent;
	border-bottom: 1px dotted #ccc;
	color: #6699CC;
	display: block;
	margin: 0;
	padding: 6px 10px 6px 26px;
}
.menu_area ul li.recommend a:hover {
	background-position: 8px 50%;
}


/* ---------------------------------------------- */
/* entrie_first */
/* ---------------------------------------------- */
.entrie_first , .entry_body{
	/*margin: 0px 15px 10px 0px;*/
	padding: 10px 20px 0 13px;
}

.entrie_first h4 , .entrie_first h5 , .entrie_first h6 ,
.entry_body h3 , .entry_body h4 , .entry_body h5 , .entry_body h6 {
	color:#666;
	margin: 0px 0px 6px;
	padding: 3px 0px 2px 10px;
	border-bottom:none;
	font-weight:bold;
	font-size:15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #6699cc;
}

/* --------------h2,h3デフォルト設定------------------ */

.entrie_first h3 , .entry_body h2 {
	margin: 0px 0px 6px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	color: #666;
	font-size: 16px;
	line-height: 1.4em;
	background-color: #F5FDFE;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #ccc;
}
.entrie_first h2, .entry_body h1 {
	margin: 0px 0px 10px;
	padding: 20px 20px 20px 85px;
	font-weight: bold;
	color: #FFF;
	border:solid 1px #6699cc;
	font-size: 20px;
	line-height: 1.4em;
	background: url("../img/toptitle_backimg.png") 0 0 no-repeat;
}

/* --------------h2,h3　パーツデザイン設定------------------ */

.entrie_first h3.head_A, .entry_body h2.head_A {
	border-left:5px solid #6699cc;
	border-right:none;
	border-top:none;
	border-bottom: none;
	background: none;
	color: #ffffff;
	font-size:22px;
	padding:13px 12px;
	color:#666666;
	margin-bottom: 20px;
}
.entrie_first h2.head_A, .entry_body h1.head_A {
	font-size:18px;
	padding:13px 12px;
	color:#666666;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #6699cc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	background-color:#e9dbdc;
	background:none;
}
.entrie_first h3.head_B, .entry_body h2.head_B {
	border-left:none;
	border-right:none;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background: none;
	color: #ffffff;
	font-size:15px;
	padding:10px 12px;
	color:#666666;
}
.entrie_first h2.head_B, .entry_body h1.head_B {
	border-left:none;
	border-right:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc6;
	background: none;
	font-size:12px;
	padding:5px 10px;
	color:#666666;
	background-color:#EEE;
}
.entrie_first h2.head_C, .entry_body h1.head_C {
	border-left:solid 1px #6699cc;
	border-right:solid 1px #6699cc;
	border-top:solid 1px #6699cc;
	border-bottom:solid 1px #6699cc;
	color: #6699cc;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 15px;
	background:none;
	}
.entrie_first h3.head_C, .entry_body h2.head_C {
	background-color: #e9dbdc;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: none;
	color: #4293CE;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 10px 0 10px 10px;		
}
.entrie_first h2.head_D, .entry_body h1.head_D {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 5px 0 5px 10px;		
	border:solid 1px #ccc;
	background:none;
	background-color:#deefff;
}
.entrie_first h3.head_D, .entry_body h2.head_D {
	background-color:#FEEAAE;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: none;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 5px 0 5px 10px;	
}
.entrie_first h2.head_E, .entry_body h1.head_E {
	background: url(../img/title_icon.png) 0 0 no-repeat;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 15px 15px 15px 60px;
}
.entrie_first h3.head_E, .entry_body h2.head_E {
	background: url(../img/bg_icon.png) no-repeat scroll right 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #4293CE;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 10px;
	padding: 25px 90px 25px 10px;
}
.entrie_first h2.head_F, .entry_body h1.head_F {
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	color: #333;
	padding:6px 15px;
	margin: 0px;
	background-image: url(../img/title_backimg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: solid 1px #ccc;
}
.entrie_first h3.head_F, .entry_body h2.head_F {
	border: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	height: 35px;
	color: #333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../img/midashi.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
}
/* --------------h2,h3　パーツデザイン（ランキング）設定------------------ */

.entrie_first h3.rank_01, .entry_body h2.rank_01 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: none;
	background: url(../img/no1.gif) no-repeat scroll 0 0 #FFFFFF;
	color: #666;
	font-size:18px;
	padding:5px 0 8px 45px;
}
.entrie_first h3.rank_02, .entry_body h2.rank_02 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: none;
	background: url(../img/no2.gif) no-repeat scroll 0 0 #FFFFFF;
	color: #666;
	font-size:18px;
	padding:5px 0 8px 45px;
}
.entrie_first h3.rank_03, .entry_body h2.rank_03 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: none;
	background: url(../img/no3.gif) no-repeat scroll 0 0 #FFFFFF;
	color: #666;
	font-size:18px;
	padding:5px 0 8px 45px;
}

/* --------------パーツデザイン（ランキング）設定------------------ */

.entrie_first .rank_01, .entry_body .rank_01 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: dotted 1px #CCC;
	background: url(../img/no1.gif) no-repeat scroll 0 50% #FFFFFF;
	color: #666;
	font-size:14px;
	padding:7px 0 5px 45px;
}
.entrie_first .rank_02, .entry_body .rank_02 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: dotted 1px #CCC;
	background: url(../img/no2.gif) no-repeat scroll 0 50% #FFFFFF;
	color: #666;
	font-size:14px;
	padding:7px 0 5px 45px;
}
.entrie_first .rank_03, .entry_body .rank_03 {
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: dotted 1px #CCC;
	background: url(../img/no3.gif) no-repeat scroll 0 50% #FFFFFF;
	color: #666;
	font-size:14px;
	padding:7px 0 5px 45px;
}


/* --------------h2,h3　枠線デザイン設定------------------ */

.entrie_first .waku_01, .entry_body .waku_01 {
	border-left:solid 1px #6699cc;
	border-right:solid 1px #6699cc;
	border-top:solid 1px #6699cc;
	border-bottom:solid 1px #6699cc;
	margin: 0.5em 10px 1em;
	padding: 0.5em 10px 0 10px;
}
.entrie_first .waku_02, .entry_body .waku_02 {
	background-color:#bcd8f4;
	margin: 0.5em 10px 1em;
	padding: 0.5em 10px 0 10px;
	overflow:hidden;
}
.entrie_first .waku_03, .entry_body .waku_03 {
	border-left:dotted 1px #6699cc;
	border-right:dotted 1px #6699cc;
	border-top:dotted 1px #6699cc;
	border-bottom:dotted 1px #6699cc;
	background-color:#eee;
	margin: 0.5em 10px 1em;
	padding: 0.5em 10px 0 10px;
}	
.entrie_first .waku_04, .entry_body .waku_04 {
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background-color:#f5f5f5;
	background: url(../img/waku4_backimg.png) repeat-y 0 0;
	margin: 0.5em 10px 1em;
	padding: 0.5em 10px 0 10px;
}

.entrie_first p , .entry_body p {
	margin: 0.5em 10px 1em 10px;
	padding: 0px;
	letter-spacing: 0.1em;
}
.entrie_first strong , .entry_body strong{
	font-weight:bold;
	color: #F90;
}
p.CatchCopy{
	border:1px solid #cdc7e1;
	color:#71719F;
	line-height: 37px;
	margin: 0px 10px 10px;
	padding: 19px 10px;
	background-attachment: scroll;
	background-image: url(../img/CatchCopy.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
}


/* ---------------------------------------------- */
/* entrie_firstList */
/* ---------------------------------------------- */
.entrie_first ul  , .entry_body ul{
	margin: 10px 10px 1em 20px;
	padding: 0px;
	list-style: none;
}
.entrie_first ul li , .entry_body ul li {
	background: url(../img/entry_li.png) no-repeat 0 0;
	margin:0px;
	padding:0px 0px 5px 25px;
}
.entrie_first ol  , .entry_body ol{
	margin: 10px 10px 1em 20px;
	padding: 0px;
}
.entrie_first ol li , .entry_body ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	line-height: 1.5em;
}


/* ---------------------------------------------- */
/* entrie_firstTable */
/* ---------------------------------------------- */
.entrie_first Table , .entry_body Table {
	margin: 10px 0px 15px;
	padding: 0px;
	border-top: 1px solid #6699cc;
	border-left: 1px solid #6699cc;
}
.entrie_first Table th , .entry_body Table th {
	padding: 5px;
	line-height: 1.5em;
	font-weight: bold;
	background-color:#bcd8f4;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6699cc;
	border-bottom-color: #6699cc;
	color: #505050;
}
.entrie_first Table td , .entry_body Table td {
	border-bottom: 1px solid #6699cc;
	border-right: 1px solid #6699cc;
	padding: 5px;
	line-height: 1.5em;
}


/* ---------------------------------------------- */
/* category-menu */
/* ---------------------------------------------- */
.category-menu {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.category-menu h2 {
	border-bottom: 1px solid #538084;
	border-left: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4em;
	color: #246;
	background-color: #e3f2fc;
	background-image: url(../img/PageListHeadBgH2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.category-menu h3 {
	margin: 20px 0px 10px;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4em;
	color: #01585D;
	background-color: #f5fdfe;
	background-image: url(../img/PageListHeadBgH3.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699cc;
	border-left-style: none;
}

.category-menu ul li{
	background-image: url(../img/S_M_List_Page1.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	margin:0px;
	padding: 5px 0px 5px 25px;
}
.category-menu ul li.list-recommend{
    background: url("../img/menu_reco.gif") no-repeat scroll 6px 50% transparent;
    padding: 5px 0 5px 25px;
}