@charset "utf-8";
/* CSS Document */

/*  --------------------------------------------------------------------------------

 rset css
 
-------------------------------------------------------------------------------- */

html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, cite, em, img, small, strong, sub, sup, 
dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td,articles {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style-type: none;
}

body { line-height: 1; font-size: 63%; }

html, body {
	width: 100%;
	height:100%;
}

/* Print style */
@media print{
	body { _zoom: 63%; overflow: visible!important;  }
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p,
blockquote, table, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
fieldset, img { border: none;	vertical-align: top;}
dl,dt,dd,ul,ol,li {	list-style: none;}
p,dt,dd,li,th,td{ line-height: 1.5;}
table { border-collapse:collapse; border-spacing: 0; border: 0; }
th,td { vertical-align: top; text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
object, embed { vertical-align: top; }

/* = Fonts = */
body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}

/* = link = */

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #D7261C;
}

h2#sec01,h2#sec02,#sec03,h2#sec04,h2#sec05,h2#sec06 {
	background-position: left  190px!important; 
}

/* = clearfix = */
.clearfix:after { content: url("../images/spacer.gif"); display: block; clear: both; height: 0; }	
.clearfix{ *zoom:1; }

/* --------------------------------------------------------------------------------

PC layout

-------------------------------------------------------------------------------- */
/*@media screen and (min-width: 641px) {*/

/* -- header
------------------------------------------------------------------------------- */

#header {
	margin: 0 auto;
	*zoom:1;
	z-index: 999999999;
	padding-bottom: 5px;
}

#header:after { content: url("../images/spacer.gif"); display: block; clear: both; height: 0; }


#header .logo_alea {
	width: 1070px;
	margin: 0 auto;
	overflow: hidden;
}

/* logo */

.logo {
	float : left;
	width : 353px;
	padding: 30px 0 15px;;
}

/* PC Nav */

#header .root_nav {
	overflow: hidden;
	margin-top: 15px;
	display: block;
}


#header .root_nav li {
	float: right;
	font-size: 1.2em;
	background: url(../images/icon_window.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 10px;
}

#header > header > nav {
	display: block;
	padding-bottom: 5px;
	width : 920px;
	margin: 0 auto;
	position: relative;
}

#header > header > nav.bg {
	background: url(../images/bg_header.png) repeat-x left bottom;
}

#header dl {
	width : 920px;
	height: 85px;
	position: relative;
	display: block;
	padding-top: 15px;
	background-color: #FFF;
}

#header dl dt {
	width : 460px;
	height: 24px;
	text-align: center;
	margin-bottom: 10px;
	position:absolute;
	top: 15px;
}

#header dl dd {
	width : 460px;
	height: 50px;
	position: absolute;
	bottom: -1px;
}

#header dl .left {
	left: 0;
}

#header dl .right {
	right: 0;
}
	
/* SP Nav */

#header p.menu_btn {
	width : 80px;
	height: 80px;
	display: none;
	position: absolute;
	z-index: 999999;
	right: 20px;
	top : 0;
	cursor: pointer;
	
}
/* -- ID CONTENT 
------------------------------------------------------------------------------- */

/* -- // CONTENT //  -- */

#content {
	width : 100%;
	margin: 0 auto;
	*zoom:1;
}

	
.oshirase {
	width : 850px;
	margin: 0px auto 30px;;
}


#content.flow_fd {
	padding-top: 195px;
	
}

#content:after { content: url("../images/spacer.gif"); display: block; clear: both; height: 0; }

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

#topicPath {
	overflow: hidden;
	margin: 15px 0;
	overflow: block;
	width:100%;
}

#topicPath li {
	color: #A5302A;
	float : left;
	padding-left: 15px;
	margin-legt: 5px;
	background: url(../images/bg_topicpath.gif) no-repeat left center;
	font-size: 1.2em;
}

#topicPath li:first-child {
	padding-left: 0px;
	margin-legt: 0px;
	background: none;
}


/* -- // Contact Area //  -- */

#contact_area {
	width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
	margin-bottom: 60px;
}

#contact_area > dl{
	margin: 12px;
	padding: 15px 0;
}

#contact_area > dl > dt {
	font-size: 1.6em;
	font-weight: 900;
	margin-bottom: 10px;
}

#contact_area > dl > dd {
	font-size: 1.4em;
}

#contact_area > dl > dd > ol {
	overflow:hidden;
	margin-bottom: 20px;
}

#contact_area > dl > dd > ol > li {
	float:left;
}

#contact_area > dl > dd > .phone_nam {
	font-size: 1.4em;
}

#contact_area > dl > dd > .phone_nam .pc {
	display: inline;
}
	

/* -- ID footer
------------------------------------------------------------------------------- */

#footer {
	display:block;
	width: 100%;
}

#footer ul.nav {
	background: url(../images/bg_footer.png) repeat-y center top;
	background-size:cover;
	width: 100%;
	display: block;
	text-align:center;
	padding: 20px 0;
	width:100%;
}

#footer ul.nav li {
	display:inline-block;
	margin: 0 10px;
	font-size: 1.2em
}

#footer ul.nav li a {
	color: #fff;
}

#footer ul.nav li a:hover {
	color: #fff;
	text-decoration:underline;
}

#footer ul.nav li a img.ow {
	vertical-align: middle;
}

#footer .f_logo {
	width:300px;
	margin: 30px auto 5px;
}

#footer .f_logo img {
	width: 100%;
	height: auto;
}

#footer small {
	display:block;
	font-size: 1em;
	text-align:center;
	color: #999;
	margin-bottom: 35px;
}

/* --------------------------------------------------------------------------------

SP menu

-------------------------------------------------------------------------------- */

#g_nav {
	display: none;
}

 
/* --------------------------------------------------------------------------------

martPhone layout

-------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {

	#header {
		width: 640px;
		*zoom:1;
		border-top: solid 5px #D7261C;
		position: relative;
	}
	#header .logo_alea {
		width: 640px;
	}

	/* logo */
	
	.logo {
		width : 353px;
		padding: 30px 0 30px 100px;
	}
	
	/* PC Nav */

	#header .root_nav {
		display: none;
	}
	
	#header dl {
		display: none;
	}
	
	#header:after { content: url("../images/spacer.gif"); display: block; clear: both; height: 0; }
	
	/* SP Nav */

	#header p.menu_btn {
		display: block;
		
	}

	#header p.menu_btn.sd {
		box-shadow: 1px 1px 3px gray;
		 border-bottom-right-radius: 10px;
		 border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;  
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;  
		-moz-border-radius-bottomleft: 10px
	}
	

	#header > header > nav {
		width: 640px;
		position: static;
	}


/* -- ID CONTENT 
------------------------------------------------------------------------------- */

/* -- // CONTENT //  -- */

	#content {
		width: 640px;
		*zoom:1;
	}

	
	.oshirase {
		width : 600px;
		margin: 0px auto 40px;;
	}

	
	#topicPath {
		display: none;
	}

	#content.flow_fd {
		padding-top: 105px;
		
	}


	/* -- // Contact Area //  -- */
	
	#contact_area {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px; 
		margin-bottom: 0px;
	}
	
	#contact_area > dl{
		padding: 25px 0 50px;
		margin: 0 auto;
		width: 600px;
	}
	
	#contact_area > dl > dt {
		font-size: 1.4rem;
		margin-bottom: 25px;
	}
	
	#contact_area > dl > dd {
		font-size: 0.95rem;
		text-align: center;
		display: block;
	}
	
	#contact_area > dl > dd > .phone_nam {
		font-size: 1.8rem;
		display: block;
		padding: 5px;
		text-align: center;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px; 
		margin-top: 20px;
	}
	
	#contact_area > dl > dd > .phone_nam a {
		display: inline;
	}
	
	#contact_area > dl > dd > .phone_nam .pc {
		display: none;
	}
	

/* -- ID footer
------------------------------------------------------------------------------- */
	
	#footer ul.nav {
		background: url(../images/bg_footer.png) repeat-y center top;
		background-size:cover;
		width: 640px;
		display: block;
		text-align:center;
		padding: 5px 0;
	}
	
	#footer ul.nav li {
		display:block;
		margin: 0px;
		font-size: 1rem;
		border-bottom :dotted 1px #fff;
		padding: 15px 0;
	}
	
	#footer ul.nav li:first-child {
		border-top:dotted 1px #fff;
	}
	
	#footer ul.nav li a {
		display:block;
		width: 100%;
	}
	
	#footer .f_logo {
		width:380px;
		margin: 30px auto 5px;
	}
	
	#footer .f_logo img {
		width: 100%;
		height: auto;
	}
	
	#footer small {
		display:block;
		font-size: 0.9rem;
		text-align:center;
		color: #999;
		margin-bottom: 35px;
	}

	/* --------------------------------------------------------------------------------
	
	SP menu
	
	-------------------------------------------------------------------------------- */
	
	#g_nav {
		width: 640px;
		height: 100%;
		background:url(../images/bg_sp_menu.png);
		position:fixed;
		z-index: 9999999999;
	}
	
	#g_nav .close {
		position: absolute;
		right: 20px;
		top: 0;
		cursor: pointer;
	}
	
	#g_nav dl {
		padding-top: 10px;
	}
	
	#g_nav dl dt {
		padding: 20px;
		border-bottom: solid 2px #fff;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	#g_nav dl dt a{
		font-size: 230%;
		font-weight: bold;
		color: #fff;
	}
	
	#g_nav dl dd a {
		color : #fff;
		padding: 15px 20px 15px 40px;
		display: block;
		background: url(../images/bg_nav_sp_link.png) no-repeat 20px center;
		font-size: 1.2rem;
		border-bottom: dotted 1px #fff;
	}
	
	#g_nav dl dd a:hover {
		text-decoration: underline;
	}
	
	
}