@charset "utf-8";

/*==================================================================
CSS Information	

File_name    : default.css
Description  : 
The date     : 
Last up date : 

================================================================== */

/* --------------------------------------------------
	=reset
-------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
}

p,blockquote,address,div,hr,noscript {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a,img,map,span {
	margin: 0;
	padding: 0;
	border: 0;
}

br {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

address,em {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
}

strong {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}


ins {
	margin: 0;
	padding: 0;
	font-style: normal;
}

del {
	margin: 0;
	padding: 0;
	font-style: normal;
}

table,th,td {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: separate;
	border-spacing: 0;
}

form,fieldset,input {
	margin: 0;
	padding: 0;
}

label,select,option {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: top;
}

fieldset,object {
	vertical-align: bottom;
}

/* --------------------------------------------------
Font size
-------------------------------------------------- */

/*
default font-size 13px
9px font-size: 69.2%;
10px font-size: 77%;
11px font-size: 84.6%;
12px font-size: 92.4%;
14px font-size: 107.8%;
15px font-size: 115.3%;
16px font-size: 123.1%;
18px font-size: 138.5%;
20px font-size: 153.8%;
22px font-size: 169.2%;
*/

/* --------------------------------------------------
	=body
-------------------------------------------------- */

body {
	line-height: 1.5;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PゴシックＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
}

* html body {
	font-size: small;
}

*:first-child+html body {
	font-size: small;
}

/* --------------------------------------------------
	=anchor
-------------------------------------------------- */

a {
	overflow: hidden;
}

/* --------------------------------------------------
	=clearfix
-------------------------------------------------- */

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearfix {
	overflow: hidden;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

/* --------------------------------------------------
	=wrapper 
-------------------------------------------------- */

#wrapper {
	width: 100%;
}

#wrapper a:hover {
	text-decoration: none;
}

/* --------------------------------------------------
	=headerBox
-------------------------------------------------- */

#wrapper #headerBox {
	margin: 0 auto;
	width: 950px;
	height: 105px;
	color: #571726;
}

#wrapper #headerBox a {
	color: #571726;
}

#wrapper #headerBox a:hover {
	color: #cc4300;
	text-decoration: none;
}

/* --------------------------------------------------
	=headerBlockR
-------------------------------------------------- */

#wrapper #headerBox #headerBlockR {
	float: right;
	width: 650px;
}

#wrapper #headerBox #headerBlockR h1 {
	margin-top: 35px;
	font-size: 84.6%;
	text-align: right;
}

#wrapper #headerBox #headerBlockR ul {
	margin-top: 5px;
	font-size: 92.4%;
	text-align: right;
}

#wrapper #headerBox #headerBlockR ul li {
	margin-left: 10px;
	padding-left: 10px;
	display: inline;
	background: url(../images/common/ico_arrow01.gif) no-repeat left center;
}

/* --------------------------------------------------
	=headerBlockL
-------------------------------------------------- */

#wrapper #headerBox #headerBlockL {
	margin-top: 10px;
	float: left;
	width: 278px;
}

#wrapper #headerBox #headerBlockL h2 a {
	display: block;
	width: 278px;
	height: 80px;
	background: url(../images/common/logo.gif) no-repeat left top;
	text-indent: -100000em;
}

/* --------------------------------------------------
	=navBox
-------------------------------------------------- */

#wrapper #navBox {
	width: 100%;
/*	height: 83px;*/
	color: #fff;
/*	background: url(../images/common/bg_nav.jpg) repeat-x center top;*/
	background-color: #733938;
	padding-top: 10px;
	padding-bottom: 10px;
}

#wrapper #navBox a {
	color: #fff;
}

#wrapper #navBox ul#mainNav {
	margin: 0 auto;
	width: 950px;
	height: 49px;
}

#wrapper #navBox ul#mainNav li {
	float: left;
	height: 49px;
	text-indent: -100000em;
}


/* --------------------------------------------------
	=mainNav a
-------------------------------------------------- */
/*
#wrapper #navBox ul#mainNav li a {
	display: block;
	height: 49px;
	background: url(../images/common/nav.gif) no-repeat center top;
}
	#wrapper #navBox ul#mainNav li.nav01 a {
		width: 216px;
		background-position: 0 0;
	}
		#wrapper #navBox ul#mainNav li.nav01 a:hover {
			background-position: 0 -49px;
		}
	
	#wrapper #navBox ul#mainNav li.nav02 a {
		width: 214px;
		background-position: -216px 0;
	}
		#wrapper #navBox ul#mainNav li.nav02 a:hover {
			background-position: -216px -49px;
		}
	
	#wrapper #navBox ul#mainNav li.nav03 a {
		width: 276px;
		background-position: -430px 0;
	}
		#wrapper #navBox ul#mainNav li.nav03 a:hover {
			background-position: -430px -49px;
		}
	
	#wrapper #navBox ul#mainNav li.nav04 a {
		width: 244px;
		background-position: -706px 0;
	}
		#wrapper #navBox ul#mainNav li.nav04 a:hover {
			background-position: -706px -49px;
		}
*/
/* --------------------------------------------------
	=subNav
-------------------------------------------------- */

#wrapper #navBox ul#subNav {
/*	margin: 8px auto 0 auto;*/
	margin: 0 auto;
	width: 950px;
	font-size: 92.4%;
}

#wrapper #navBox ul#subNav li {
	margin-right: 10px;
	padding-left: 10px;
	display: inline;
	background: url(../images/common/ico_arrow02.gif) no-repeat left center;
}

/* --------------------------------------------------
	=contents
-------------------------------------------------- */

#wrapper #contents {
	width: 100%;
}

#wrapper #contents #static {
	margin: 0 auto;
	width: 950px;
}

/* --------------------------------------------------
	=footer
-------------------------------------------------- */

#wrapper #footerWrapper {
	margin-top: 40px;
	width: 100%;
	background: #edeadd;
}

#wrapper #footerWrapper #footer {
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
	width: 950px;
}

#wrapper #footerWrapper #footer #pageTop {
	position: absolute;
	top: 0px;
	right: 0;
}

#wrapper #footerWrapper #footer dl {
	width: 970px;
	color: #661919;
	font-size: 85%;
}

#wrapper #footerWrapper #footer dl a {
	color: #661919;
}

#wrapper #footerWrapper #footer dl a:hover {
	color: #cc4300;
	text-decoration: none;
}

#wrapper #footerWrapper #footer dl dt {
	padding: 0 0 5px 10px;
	float: left;
	clear: both;
	width: 198px;
	background: url(../images/common/ico_arrow05.gif) no-repeat left 3px;
	font-weight: bold;
}

#wrapper #footerWrapper #footer dl dt.noList {
	padding: 0 0 5px 10px;
	clear: both;
	width: 940px;
	background: url(../images/common/ico_arrow05.gif) no-repeat left 3px;
	font-weight: bold;
}

#wrapper #footerWrapper #footer dl dd {
	margin-left: 198px;
	padding: 0 0 5px 10px;
}

#wrapper #footerWrapper #footer dl dd ul li {
	display: inline;
}

/* --------------------------------------------------
	=footerUnder
-------------------------------------------------- */

#wrapper #footerWrapper #footerUnder {
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: solid 3px #cc0000;
	width: 100%;
	background: #fff url(../images/common/bg_footerunder.gif) left top repeat-x;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox {
	margin: 0 auto;
	width: 950px;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox ul {
	padding-top: 20px;
	width: 950px;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox ul li {
	display: inline;
	color: #000;
	font-size: 77%;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox ul li a {
	color: #cc0000;
	font-weight: bold;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox ul li a:hover {
	text-decoration: none;
	color: #cc4300;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox #footerUnderBlock {
	margin-top: 6px;
	width: 950px;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox #footerUnderBlock .footerCopyright {
	float: left;
	width: 257px;
}

#wrapper #footerWrapper #footerUnder #footerUnderBox #footerUnderBlock .footerLogo {
	float: right;
	width: 138px;
}

.mT50 {
	margin-top: 50px!important;
}

/* --------------------------------------------------
	=underBnr
-------------------------------------------------- */

#wrapper #contents #static #underBnr a {
	margin: 0 auto;
	display: block;
	clear: both;
	width: 950px;
	height: 182px;
	background: url(../images/common/bnr_hybrid.jpg) no-repeat center top;
	text-indent: -100000em;
}

#wrapper #contents #static #underBnr a:hover {
	background-position: 0 -182px;
}

/* --------------------------------------------------
	=topicPath
-------------------------------------------------- */

#wrapper #contents #static p#topicPath {
	width: 950px;
	color: #66191A;
	font-size: 84.6%;
	padding: 12px 0;
}

#wrapper #contents #static p#topicPath a {
	color: #66191A;
	text-decoration: underline;
}

#wrapper #contents #static p#topicPath a:hover {
	color: #cc4300;
	text-decoration: none;
}

/* --------------------------------------------------
	=sideAreaL
-------------------------------------------------- */

#wrapper #contents #static #sideAreaL {
	float: left;
	width: 184px;
	font-size: 92.4%;
}

#wrapper #contents #static #sideAreaL h4 {
	width: 184px;
	/*text-indent: -100000em;*/
}

#wrapper #contents #static #sideAreaL h4 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#wrapper #contents #static #sideAreaL ul {
	width: 184px;
	background: url(../images/common/bg_side.jpg) repeat-y center top;
}

#wrapper #contents #static #sideAreaL ul li a {
	display: block;
	color: #723938;
}

#wrapper #contents #static #sideAreaL ul li a:hover {
	text-decoration: none;
	color: #cc4300;
}

#wrapper #contents #static #sideAreaL ul li.sideMenuTop {
	padding: 12px 12px 12px 32px;
	width: 140px;
	background: url(../images/common/ico_side_arrow01.jpg) no-repeat left top;
}

#wrapper #contents #static #sideAreaL ul li.sideMenu {
	padding: 12px 12px 12px 32px;
	width: 140px;
	background: url(../images/common/bg_line.jpg) no-repeat left top;
}

#wrapper #contents #static #sideAreaL ul li.thispege {
	background: url(../images/common/bg_line_o.jpg) no-repeat left top;
}

#wrapper #contents #static #sideAreaL ul li.subMenu {
	padding: 7px 0 7px 0;
	width: 184px;
	background: url(../images/common/side_line.jpg) no-repeat center top;
}

#wrapper #contents #static #sideAreaL ul li.subMenu ul li {
	padding: 5px 12px 5px 21px;
	width: 151px;
	background: url(../images/common/ico_side_arrow02.jpg) no-repeat left top;
}

#wrapper #contents #static #sideAreaL .listFooter {
	width: 184px;
	height: 5px;
	background: url(../images/common/side_footer.jpg) no-repeat center top;
	font-size: 1%;
	text-indent: -100000em;
}

/* --------------------------------------------------
	=sideAreaR
-------------------------------------------------- */

#wrapper #contents #static #sideAreaR {
	margin-bottom: 25px;
	float: right;
	width: 750px;
}
#wrapper #contents #static #sideAreaL dl.sideMenu {
	width: 184px;
	background: url(../images/common/bg_side.jpg) repeat-y center top;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dt {
	padding: 12px 12px 12px 32px;
	width: 140px;
	background: url(../images/common/bg_line.jpg) no-repeat left top;
	color: #723938;
	text-decoration: underline;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd {
	padding: 5px 0 10px;
	font-size: 85%;
	line-height: 24px;
	border-top: 1px solid #CCCCCC;
}

#wrapper #contents #static #sideAreaL dl.sideMenu dd p {
	margin-bottom: 5px;
	padding: 0 10px 5px 15px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../images/common/ico_arrow01.gif) no-repeat 10px center;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd a {
	color: #723938;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd a span {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-position: 0 top;
	width:44px;
	height: 24px;
	margin-right: 3px;
	float: left;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd a:hover span {
	background-position: 0 bottom;
}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav01 span {background-image: url(../images/common/btn_ac01.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav02 span {background-image: url(../images/common/btn_ac02.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav03 span {background-image: url(../images/common/btn_ac03.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav04 span {background-image: url(../images/common/btn_ac04.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav05 span {background-image: url(../images/common/btn_ac05.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav06 span {background-image: url(../images/common/btn_ac06.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav07 span {background-image: url(../images/common/btn_ac07.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav08 span {background-image: url(../images/common/btn_ac08.gif);}
#wrapper #contents #static #sideAreaL dl.sideMenu dd p.acNav09 span {background-image: url(../images/common/btn_ac09.gif);}



/* --------------------------------------------------
	=glovalnav slide
-------------------------------------------------- */
.ddsmoothmenu{
	width: 100%;
	background-color: #470F0E;
}
.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ddsmoothmenu ul.naviMain {
	width: 950px;
	margin: 0 auto;
}
.ddsmoothmenu ul.naviMain ul.inner {
background-color: #470F0E;
width: 214px !important;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	color: white;
	color: #2d2b2b;
	text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}
/* sub menus */
.ddsmoothmenu ul li ul{
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}
.toplevelshadow{}
.ddcss3support .ddshadow.toplevelshadow {margin: 0;}
.ddcss3support .ddshadow {background-color: transparent;}

/* ######### navi layout  ######### */
.ddsmoothmenu ul li.nav01 a,
.ddsmoothmenu ul li.nav02 a.mainLink,
.ddsmoothmenu ul li.nav03 a,
.ddsmoothmenu ul li.nav04 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 49px;
	background: url(../images/common/nav.gif) no-repeat 0 top;
}
.ddsmoothmenu ul li.nav01 a {width: 216px;background-position: 0 0;}
.ddsmoothmenu ul li.nav01 a:hover {background-position: 0 -49px;}
.ddsmoothmenu ul li.nav02 a.mainLink {width: 214px !important;padding: 0 !important;background-position: -216px 0;}
.ddsmoothmenu ul li.nav02 a.mainLink:hover {background-position: -216px -49px;}
.ddsmoothmenu ul li.nav03 a {width: 276px;background-position: -430px 0;}
.ddsmoothmenu ul li.nav03 a:hover {background-position: -430px -49px;}
.ddsmoothmenu ul li.nav04 a {width: 244px;background-position: -706px 0;}
.ddsmoothmenu ul li.nav04 a:hover {background-position: -706px -49px;}

.ddsmoothmenu ul li ul.inner li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 45px;
	width: 215px;
	background-position: 0 top;
	background-repeat: no-repeat;
}
.ddsmoothmenu ul li ul.inner li.navInner01 a {background-image: url(../images/common/nav_navInner01.gif);}
.ddsmoothmenu ul li ul.inner li.navInner02 a {background-image: url(../images/common/nav_navInner02.gif);}
.ddsmoothmenu ul li ul.inner li.navInner03 a {background-image: url(../images/common/nav_navInner03.gif);}
.ddsmoothmenu ul li ul.inner li.navInner04 a {background-image: url(../images/common/nav_navInner04.gif);}
.ddsmoothmenu ul li ul.inner li.navInner05 a {background-image: url(../images/common/nav_navInner05.gif);}
.ddsmoothmenu ul li ul.inner li.navInner06 a {background-image: url(../images/common/nav_navInner06.gif);}
.ddsmoothmenu ul li ul.inner li.navInner07 a {background-image: url(../images/common/nav_navInner07.gif);}
.ddsmoothmenu ul li ul.inner li.navInner08 a {background-image: url(../images/common/nav_navInner08.gif);}
.ddsmoothmenu ul li ul.inner li.navInner09 a {background-image: url(../images/common/nav_navInner09.gif);}
.ddsmoothmenu ul li ul.inner li a:hover {
	background-position: 0 bottom;
}