@charset "utf-8";

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

	Title:			common.css
	Created:		2010-10-20
	Last Created:	2010-11-10
	
=========================================================== */
/*

	body
	container
	header
	globalNavi
	contents
	main
	sub
	footer
	
=========================================================== */
/*

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

body {
	font: 13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	color: #333333;
	text-align: center;
	/*behavior: url("csshover3.htc");*/
	background: url(../../images/common/bg_body.jpg) top repeat-x;
}

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

	container
	
=========================================================== */

div.container {
	width: 940px;
	margin: 0 auto;
	text-align: center;
}

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

	header
	
=========================================================== */

div#header {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

div#header h1 {
	z-index: 2;
	position: absolute;
	/*top: 35px;
	left: 270px;*/
	top: 22px;
	left: 114px;
	font-size: 11px;
	line-height: 1.2;
	color: #111111;
	margin: 0;
	padding: 0;
}

div#header ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.2;
}

div#header ul li {
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
}

div#header h1 img,
div#header li img {
	vertical-align: bottom;
}

div#header #logo {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 0;
	line-height: 1.2;
}

div#header #tel {
	position: absolute;
	top: 41px;
	right: -4px;
}

div#header #supNavi {
	position: absolute;
	top: 15px;
	right: -11px;
}

div#header #supNavi li {
	margin: 0 10px 0 0;
}


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

	globalNavi
	
=========================================================== */

div#globalNavi {
	clear: both;
	width: 940px;
	height: 43px;
}

div#globalNavi ul {
	margin: 0;
	font-size: 11px;
	line-height: 1.2;
}

div#globalNavi ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#globalNavi ul li img {
	vertical-align: bottom;
	outline: none;
}

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

	mainvisual
	
=========================================================== */

#mainvisual {
	clear: both;
	margin: 0 auto;
}

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

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

ol#topicPath {
	clear: both;
	margin: 0 0 15px;
	padding: 15px 0 0;
	z-index: 2;
	line-height: 1;
}

ol#topicPath li {
	float: left;
	margin: 0;
	z-index: 2;
}

ol#topicPath li a {
	background: url(../../images/common/topicpath.gif) right 50% no-repeat;
	margin: 0 11px 0 0;
	padding: 0 20px 0 0;
	z-index: 2;
}

ol#topicPath li a:link,
ol#topicPath li a:visited {
	text-decoration: underline;
	color: #333333;
}

ol#topicPath li a:hover {
	text-decoration: none;
	color: #color: #FF6600;;
}

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

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

div#contents {
	position: relative;
	background: url(../../images/common/bg_contents.gif) 0 0 no-repeat;
	width: 940px;
	margin: 0 0 20px;
	padding: 20px 0 0;
	text-align: left;
}

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

	main
	
=========================================================== */

.main {
	display: inline;
	float: right;
	width: 660px;
	margin: 0 20px 20px 0;
	padding: 0;
}

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

	sub
	
=========================================================== */

.sub {
	display: inline;
	float: left;
	width: 220px;
	margin: 0 0 20px 20px;
}

.sub p,
.sub dl {
	margin: 0 0 5px;
}

.sub ul {
	margin: 0;
}

.sub ul li {
	margin: 0 0 5px;
}

.sub ul li img,
.sub dl dt img,
.sub dl dd img,
.sub p img {
	vertical-align: bottom;
}

/* subNavi
----------------------------------------------------------- */

.sub .subNavi {
	position: relative;
	width: 220px;
	height: 345px;
	margin: 0 0 15px;
}

.sub .subNavi ul {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/sub/sn_bg.gif) 0 0 no-repeat;
	width: 230px;
	height: 355px;
	margin: 0;
	padding: 5px 0 0;
}

.sub .subNavi ul {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/sub/sn_bg.gif) 0 0 no-repeat;
	width: 230px;
	height: 355px;
	margin: 0;
	padding: 5px 0 0;
}
.sub #subNaviTop{height:350px}
.sub #subNaviTop ul{background: url(../../images/sub/sn_bg2.gif) 0 0 no-repeat; height:360px}


.sub .subNavi li {
	margin: 0 0 5px 5px;
}

/* subMenu
----------------------------------------------------------- */

.sub .subMenu {
	background: #FFFFFF;
	margin: 0 5px 5px;
}

.sub .subMenu dl {
	background: #FFFFFF;
	margin: 0 5px;
	padding: 0 0 4px;
}

.sub .subMenu dt,
.sub .subMenu dd {
	margin: 0 0 1px;
}

.sub .subMenu p {
	margin: 0 5px;
	padding: 0 0 5px;
}

/* subBnA
----------------------------------------------------------- */

.sub .subBnA {
	margin: 0 5px;
}

.sub .subBnA li {
	margin: 0 0 5px;
}

/* subBn
----------------------------------------------------------- */

.sub .subBn {
	background: #ececec;
	padding: 5px 0;
}

.sub .subBn ul {
	margin: 0 5px 0;
	background: #FFFFFF;
}

.sub .subBn li {
	margin: 0 5px;
	padding: 0 0 1px;
	background: url(../../images/common/line_dot_x_a.gif) bottom repeat-x;
}

.sub .subBn li.subBnBLast {
	margin: 0;
	padding: 0;
	background: none;
}

/* sns button
----------------------------------------------------------- */

.sub #menu2.clearfix .box.mR10 ul {
    display: flex;
    justify-content: space-around;
}
.sub #menu2.clearfix .box.mR10 ul li{
    width: calc(100%/3 - 30px);
}
.sub #menu2.clearfix .box.mR10 ul li img{
    width: 100%;
}

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

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

div#fotNavi {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: solid 1px #dad2cb;
	border-bottom: solid 1px #ffffff;
	background: #faf4ee;
}

div#fotNavi ul {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	line-height: 1;
	font-size: 11px;
	text-align: center;
}

div#fotNavi ul li {
	display: inline;
}

div#fotNavi ul li a {
	background: url(../../images/common/ic_link_a.gif) 0 50% no-repeat;
	margin: 0 0 0 7px;
	padding: 0 0 0 14px;
}

div#fotNavi ul li a:link,
div#fotNavi ul li a:visited {
	text-decoration: none;
	color: #333333;
}

div#fotNavi ul li a:hover {
	text-decoration: underline;
}

div#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #433127;
	border-top: solid 1px #dad2cb;
	padding: 15px 0 30px;
}

div#footer address {
	margin: 0 auto;
	padding: 0 0 10px;
	line-height: 1.2;
	font-size: 11px;
}

div#footer address img {
	vertical-align: bottom;
}

div#footer p {
	font-size: 11px;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 10px;
}


#contents{margin:0!important}

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

	for smartphone
	
=========================================================== */

div#sp_link {
	position: fixed !important; 
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}
div#sp_link img {
	width: 100%;
}



a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}