@charset "utf-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 共通CSS　　　　　                                                          */
/* 作成日: 2013-09-10                                                               */
/* 最終更新日: 2013-09-10       　                                                  */
/*                                                                                  */
/* ################################################################################ */


/* Reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,ol {
	list-style-type: none;
}

/* Body Style */

.wrapperContent {
	/*background: url(../img/top/bg_html.png) no-repeat center top;*/
}

body {
	background-color: #FFFFFF;
	padding-top: 5px;
	font-size: 90%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666666;
}

.header {
	/*width: 960px;*/
	margin: 0 auto;
	margin-bottom: 32px;
}

h1 {
	/*float: left;*/
	font-size: 70%;
	margin-bottom: 20px;
}

.headerNav {
	float: right;
}

.headerNav li {
	display: inline;
	/*background: url(../img/share/icon_00.jpg) no-repeat left;
	padding-left: 1em;
	margin-left: 20px;*/
	font-size: 80%;
}

.headerNav li a {
	color: #666666;
	text-decoration: none;
}

.headerNav li a:hover {
text-decoration: none;
}

.logo {
	width:170px;
	float: left;
	margin-bottom:10px;
}

.headerContact {
	float: right;
	margin-top: -45px;
}

.topMessage {
	clear: both;
	padding-top: 30px;
	text-align: right;
}

/* Global Nav */
.globalNav {
	background: url(../img/share/bg_global_nav.png) repeat-x;
	height: 60px;
	padding-top: 1px;
	clear:both;
}

.globalNav ul {
	text-align: center;
}

.globalNav li {
	text-align: center;
	display: inline;
}

/* Content Box */
.contentBox {
	/*width: 960px;*/
	margin: 0 auto;
}


/* left Content */

.leftContent {
	/*float: left;
	width: 230px;*/
	font-size: 90%;
}

.leftContent h3 {
	text-align: center;
}

.mediaArea {
	background: url(../img/share/bg_media_top.png) no-repeat top center;
	padding-top: 10px;
	margin: 20px 0;
}

.mediaBox {
	background: url(../img/share/bg_media_bottom.png) no-repeat center bottom;
	padding-bottom: 10px;
}

.mediaTxtArea {
	background: url(../img/share/bg_media.png) repeat-y center;
	text-align: center;
margin: 0 auto;
width: 230px;
}

.mediaTxtArea p {
	text-align: center;
	margin-bottom: 10px;
}

.mediaTxtArea p.mediaReadTxt {
	text-align: left;
	font-size: 90%;
	padding: 0 10px;
	line-height: 2;
	background: url(../img/share/bg_media_paragraph.png) repeat-y center 2em;
	min-height: 4em;
width: 210px;
margin: 0 auto;
}

.sideDivinationTxtArea p.detailBtn,
.mediaTxtArea p.detailBtn {
	text-align: right;
	margin-bottom: 0;
	padding-right: 10px;
margin: 0 auto;

}

.newsArea {
	margin-bottom: 30px;
	font-size: 90%;
}

.newsBox {
	background: url(../img/share/bg_news.png) repeat-y center;
	padding: 0 10px;
}

.newsBoxContent {
	background: url(../img/share/bg_news_bottom.png) no-repeat bottom center;
	padding-bottom: 23px;
}

.newsTxtArea {
	padding: 10px 0 10px 10px;
	background: #FFF7F7;
	height: 156px;
	overflow-x: hidden;
	width: 201px!important;
}

.newsTxtArea dl dt {
	background: url(../img/share/icon_00.jpg) no-repeat left;
	padding-left: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.newsTxtArea dl dt img {
	margin-left: 5px;
}

.newsTxtArea dl dd {
	padding-right: 15px;
	margin-bottom: 1em;
	line-height: 1.25;
}

.newsTxtArea dl dd span {
	font-weight: bold;
	color: #D50000;
	line-height: 1.25;
}

.sideDivinationArea {
	background: url(../img/share/bg_divination_box.png) ;
	margin: 0 auto;
	margin-bottom: 30px;
	width:230px;
}

.sideDivinationBox {
	background: url(../img/share/bg_divination_bottom.png) no-repeat bottom;
	padding-bottom: 20px;
}

.sideDivinationTxtArea {
	background: url(../img/share/bg_divination.png) repeat-y;
	padding: 0 10px;
}

.sideDivinationTxtArea p {
	line-height: 1.5;
}


/* Right Content */
.rightContent {
	/*float: right;
	width: 690px;*/
}

/* footer Area */

.goPageTop {
	clear: both;
	padding-top: 30px;
}

.goPageTop p {
	text-align: right;
}

.goPageTop a {
}

.footerArea {
	/*background: url(../img/share/bg_footer.png) no-repeat center bottom;*/	background: #e4a74c ; 
	width: 100%;
	min-height: 205px;
}

.footerBox {
	/*width: 950px;*/
	padding-top: 20px;
	margin: 0 auto;
}

.footerBox ul {
	text-align: left;
	margin-left: -3em;
	/*width: 880px;*/
}

.footerBox ul li {
	/*display: inline;*/
	background: url(../img/share/icon_01.png) no-repeat left;
	padding-left: 1em;
	margin-left: 3em;
	line-height: 2;
}

.footerBox ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display:block;
	padding:10px;

}

.footerBox ul li a:hover {
	text-decoration: underline;
}

.footerBox address {
	text-align: center;
	padding: 1.5em 0 3em;
}












#mainnavi_sp .mn_01 a, #mainnavi_sp .mn_02 a, #mainnavi_sp .mn_03 a, #mainnavi_sp .mn_04 a {
display: block;
position: relative;
height: 49px;
text-decoration: none;
}

.icon {
width: 100%;
height: 25px;
margin: 3px 0 0 3px;
text-indent: -9999px;
}





#mainnavi_sp .mn_01 {
width: 24%;
float: left;
/*margin: 0 0 0 3%;*/
}

a .mn_system {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
border-left: 0px solid #e8ecf3;
margin: 5px 0 0 0;
}

.mn_system .box .icon {
background: transparent url(../img/global_nav02_icon.png) no-repeat 0 0;
}

.mn_system .box .name {
position: absolute;
width: 100%;
left: 0;
overflow: hidden;
text-align: center;
font-size: 10px;
white-space: nowrap;
text-decoration: none;
}


#mainnavi_sp .mn_02 {
width: 25%;
float: left;
}
a .mn_price {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
border-left: 1px solid #ffffff;
margin: 5px 0 0 0;
}

.mn_price .box .icon {
background: transparent url(../img/global_nav03_icon.png) no-repeat 0 0;
}

.mn_price .box .name {
position: absolute;
width: 100%;
left: 0;
overflow: hidden;
text-align: center;
font-size: 10px;
white-space: nowrap;
text-decoration: none;
}

#mainnavi_sp .mn_03 {
width: 25%;
float: left;
}
a .mn_list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
border-left: 1px solid #ffffff;
margin: 5px 0 0 0;
}

.mn_list .box .icon {
background: transparent url(../img/global_nav04_icon.png) no-repeat 0 0;
}

.mn_list .box .name {
position: absolute;
width: 100%;
left: 0;
overflow: hidden;
text-align: center;
font-size: 10px;
white-space: nowrap;
text-decoration: none;
}


#mainnavi_sp .mn_04 {
width: 25%;
float: left;
}
a .mn_qna {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 36px;
border-left: 1px solid #ffffff;
margin: 5px 0 0 0;
}

.mn_qna .box .icon {
background: transparent url(../img/global_nav05_icon.png) no-repeat 0 0;
}

.mn_qna .box .name {
position: absolute;
width: 100%;
left: 0;
overflow: hidden;
text-align: center;
font-size: 10px;
white-space: nowrap;
text-decoration: none;
}





.box {
margin: 0 auto;
height: 36px;
width: 36px;
color: #F84B52;
}

.bnrArea{
	width:230px;
	margin:30px auto;
}