@charset "utf-8";
@import url(html5reset.css);
@import url(class.css);

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

CSS Information

 File name:      style.css
 Summary:        # styles
 Last update:    2013-11-20

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


/* universal
-------------------- */
* {
	margin: 0;
	padding: 0;
}

	/* structure */
html {
	background: #fff;
	color: #000;
	font-size: 62.5%;
}

body {
	background: url(../img/common/bg_body.png) repeat;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	line-height: 1.5;
	font-size: 14px; font-size: 1.4rem;
}

div {
	font-size: 14px; font-size: 1.4rem;
}

hr {
	display: none;
}

hr.dotted {
	display: block;
	margin: 40px 0;
	border: none;
	border-bottom: 1px dotted #e0c799;
}


/* hypertext
-------------------- */
a {
	color: #ADCB25;
	text-decoration: none;
}
a:visited {
	color: #ADCB25;
	text-decoration: none;
}
a:hover {
	color: #D2FF24;
	text-decoration: underline;
}
a:active {
	color: #D2FF24;
	text-decoration: underline;
}


/* text
-------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.8;
}

	p b {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
		font-weight: bold;
	}

strong {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  font-weight: bold;
}


/* list tag
-------------------- */
li, dt, dd {
	font-size: 14px; font-size: 1.4rem;
	list-style: none;
}


/* image
-------------------- */

img {
	border: 0;
	vertical-align: bottom;
}

.content a:hover img:not([class="Over"]) {
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* layout
-------------------- */
#HeaderWrap {
	height: 324px;
	background: url(../img/common/header/bg_header.png) top center repeat-x;
}

#Header {
	position: relative;
	width: 988px;
	height: 99px;
	margin: 0 auto;
}

#Main {
}
	#Main #Page {
		float: left;
		width: 594px;
	}
	#Main #Side {
		float: right;
		width: 291px;
	}
	
#Footer {
}


/* Header
-------------------- */
#Header h1 {
	float: left;
	margin: 7px 0 0 14px;
}



/* GlobalNavigation
-------------------- */
#GlobalNavigation {
	position: relative;
	float: left;
	margin: 7px 0 0 0;
	z-index: 1000;
}
#GlobalNavigation li {
	float: left;
	display: inline;
}

ul.dropdown-list {
	position: absolute;
	display: none;
	width: 133px;
}
ul.dropdown-list li {
	background: #000 url(../img/common/header/bg_submenu.png) bottom no-repeat;
}
ul.dropdown-list li.lastChild {
	background: #000;
}
ul.dropdown-list a {
	display: block;
	width: 113px;
	padding: 8px 10px;
	color: #fff;
	font-size: 11px; font-size: 1.1rem;
	text-decoration: none;
	text-align: center;
}
ul.dropdown-list a:hover {
	color: #ccc;
}




/* Side
-------------------- */
#Side .widget {
	margin-bottom: 40px;
}
#Side .banner {
	margin-bottom: 10px;
}
#SideBanner {
	padding: 15px 0;
	background: url(../img/common/bg_check.png) repeat;
	text-align: center;
}

/* Contact */
#SideContact {
	background: url(../img/common/side/bg_contact_center.png) repeat-y;
}
#ContactWrap {
	padding-top: 12px;
	background: url(../img/common/side/bg_contact_top.png) top no-repeat;
}
#SideContact p {
	font-size: 12px; font-size: 1.2rem;
}
#TelWrap {
	padding: 8px 0;
	}
p#TelNumber {
	font-size: 24px; font-size: 2.4rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
}
p#TelNumber span {
	padding-left: 24px;
	background: url(../img/common/side/icon_tel.png) left 5px no-repeat;
}
#EmailWrap {
	padding-bottom: 16px;
	background: url(../img/common/side/bg_contact_bottom.png) bottom no-repeat;
}
p#EmailAddress {
	margin-bottom: 5px;
	background: url(../img/common/side/bg_email.png) no-repeat;
	font-size: 13px; font-size: 1.3rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
}
p#EmailAddress span {
	padding-left: 24px;
	background: url(../img/common/side/icon_email.png) left 2px no-repeat;
}

/* LocalNavigation TextWidgetTitle*/
.widget-local-navi {
}
.widget-local-navi h2,
.widget-text h2 {
	padding: 10px 0 13px;
	background: url(../img/blog/news/bg_side_ttl.png) left bottom no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
}
.widget-text h2 {
	margin-bottom: 10px;
}
.widget-local-navi li {
	padding: 10px 0 15px;
	background: url(../img/blog/news/bg_side_list.png) left bottom no-repeat;
	font-size: 12px; font-size: 1.2rem;
}
.widget-local-navi li a {
	display: block;
	padding-left: 18px;
	background: url(../img/blog/news/icn_list.png) left 3px no-repeat;
	color: #000;
}
.widget-local-navi li.current {
	font-weight: bold;
}

/* SearchBox */
.widget-site-search {
	padding: 11px 11px 19px;
	background: #a8c524 url(../img/common/side/bg_search.png) left bottom no-repeat;
}
.widget-site-search input {
	vertical-align: middle;
	font-size: 14px; font-size: 1.4rem;
}
.widget-site-search input#ContentQ {
	width: 210px;
	height: 22px;
}
.widget-site-search select {
	font-size: 14px; font-size: 1.4rem;
}

/* Content
-------------------- */
.content {
	position: relative;
	width: 988px;
	margin: 0 auto 60px;
	border-left: 1px solid #FAF9F9;
	border-right: 1px solid #FAF9F9;
	border-bottom: 1px solid #FAF9F9;
	background: #fff;
}
.content .wrap {
	width: 920px;
	margin: 0 auto 40px;
}




	/* Breadcrumbs */
#Breadcrumbs {
	width: 900px;
	margin: 0 auto;
	padding: 8px 0 8px 20px;
	background: url(../img/page/icon_home.png) left 9px no-repeat;
	font-size: 12px; font-size: 1.2rem;
}
#Breadcrumbs a {
	color: #000;
}




/* TopLink
-------------------- */
#TopLink {
	position: absolute;
	right: 36px;
	bottom: -32px;
}



/* Footer
-------------------- */
#Footer #FooterNavigator {
}
#Footer #FooterNavigator ul {
	text-align: center;
}
#Footer #FooterNavigator li {
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #ccc;
	font-size: 12px; font-size: 1.2rem;
}
#Footer #FooterNavigator li.lastChild {
	border-right: 0;
}
#Footer #FooterNavigator li a {
	color: #666;
}
#Footer #Copyright {
	margin-bottom: 30px;
	font-size: 12px; font-size: 1.2em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}




/* Common
-------------------- */
input, textarea, select {
	margin: 3px 2pt;
	padding: 3px 1pt;
}

.more-link {
	text-align: right;
}