@charset "UTF-8";

/* Reset----------------------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/* Web fonts----------------------------------------------------------*/

@font-face { font-family:'Open Sans', sans-serif 'Lora', serif 'Cabin', sans-serif; }
.font01 { font-family:'Lora', serif; /*letter-spacing:0.1em;*/}


/* Body---------------------------------------------------------- */
body { 
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", sans-serif;
	font-family: 'FOT-筑紫B丸ゴシック Std D', TsukuARdGothicStd-D,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	background:url(../img/bg_body.gif) repeat;
	/*
	max-width: 1010px;
	*/
	width:expression(document.body.clientWidth > 1012? "1010px" : "auto");
/*
	padding: 0 8px;
*/
	margin: 0 auto;
	color:#666;
	font-weight:normal;
	font-size:75%;
	line-height:170%;
}

body#subpage { 
	max-width: 1010px;
}

.ie body {
	min-width: 820px;
}


/* Base---------------------------------------------------------- */
article, aside, details, figcaption, figure,
.footer, header, hgroup, menu, nav, section {
	display: block;
}
* { -webkit-text-size-adjust: none; }
html {
  overflow-y: scroll;
}

p, ul, ol, pre, dl {
  margin-bottom: 0;
}
strong { font-weight: bold; }
pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #111;
  color: #F5F5F5;
}
p code {
  padding: 1px 3px;
}
pre {
  margin: 1em 0;
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
/*
ul, ol { padding-left: 1.3em;}
*/
blockquote {
	margin: 0;
	font: italic 18px Georgia, serif;
}
button {
  -webkit-appearance: push-button;
}

ul {list-style-type:none;}

.ov {
	overflow:hidden;
}

/* link---------------------------------------------------------- */
a {
	/*color: #c00;
	text-decoration: underline;*/
}
a:hover {
	color:#000;
	font-weight:nomal;
	text-decoration: none;
}
/*
a:active {
	background: hsla( 0, 100%, 100%, 0.5 );
}
*/
a img {
	border: none;
}


/* wide img---------------------------------------------------------- */
.wide img, .wide img, .wide img {
	display:block;
	max-width: 100%;
	height: auto;
}
.ie6 .wide img, .ie6 .wide img, .ie6 .wide img {
	width: 100%;
}



/* page top---------------------------------------------------------- */
.pagetop {
	text-align: right;
}
.pagetop a {
}


/* clearfix---------------------------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* loading---------------------------------------------------------- */
.loading {
	margin: 15px;
	text-align:center;
}




/* container---------------------------------------------------------- */
#container {
	padding: 5px;
	margin: 0 auto;
	margin-bottom:10px;
	clear: both;
}
.ie #container {
}



/* title---------------------------------------------------------- */

.subtitle02_box {
	background-color:#FFF;
	height:30px;
	width:190px;
	overflow:hidden;
	margin-bottom:1px;
}

.subtitle02_box h2 {
	 font-family:'Lora', serif;
	 color:#666666;
	 font-weight:normal;
	 font-size:13px;
	 float:left;
	 margin:5px 0 0 15px;
	 font-weight:bold;
}

.subtitle02_box p {
	font-family: 'Cabin', sans-serif;
	color:#666666;
	float:left;
	margin:8px 0 0 47px;
	text-indent:7px;
	letter-spacing:0.1em;
	font-size:10px;
}


.subtitle02 {
	 font-family:'Lora', serif;
	 color:#666;
	 font-weight:normal;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 width:190px;
	 height:25px;
	 text-align:center;
	 padding-top:5px;
	 margin:1px 0;
}

.subtitle04 {
	font-weight:bold;
	font-size:2em;
	line-height:1.3em;
}


/* rss ------------------------------------------------------------*/

.top_rss {
	font-size:11px;
	overflow:auto;
}

.top_rss p{
	margin:0 10px;
}

.top_rss .ItemDate {
	font-weight:bold;
	padding-bottom:2px;
}

.top_rss .ItemTitle {
	padding-bottom:10px;
	color:#777;
}

.top_rss .ItemTitle a {
	color:#777;
}

.top_rss .ItemContent {
	display:none;
}



/* box---------------------------------------------------------- */
.box {
	margin:5px;
	/*padding: 10px;*/
	float: left;
}


/* .footer---------------------------------------------------------- */
.footer {
	text-align:left;
	padding: 0 0 30px 0;
	margin:0 auto;
	text-shadow: 0px 0px 10px #000;
	color:#f0f0f0;
	background:url(../img/bg_foot.gif) center center repeat-y #000000;
	-webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #999; /* Firefox用 */
	box-shadow: 0 0 5px 0 #999; /* CSS3 */
}

.footer ul.footnav01  {
	margin: 0 0 0 10px;
	padding:0;
	float:left;
}
.ie6 .footer ul li,
.ie7 .footer ul li {
	display: inline;
}
.footer a {
	color:#847657;
	text-decoration: none;
}
.footer a:hover {
	color: #463F2F;
	text-decoration:none;
}

p.gotop {
	text-align:right;
	padding:20px 40px 0px 0;
/*
	border-bottom:#CCC solid 1px;
*/
}

.footer ul.footnav02  {
	margin: 0 0 0 10px;
	padding:0;
	float:left;
}
.footer ul.footnav02 li {
	display: inline;
	display: inline-block;
	margin: 0 15px 0 0;
	padding-right: 10px;
	float:left;
	font-family:'Lora', serif;
	font-size:13px;
	background:url(http://www.mammina.co.jp/dcms_media/image/common/arrow02.gif) left center no-repeat;
	text-indent:10px;
}


.footer.footer_sub {
	width:990px;
	margin:0 auto;
}



.fsnsbox li,
.fnavbox li {
	display: inline;
	display: inline-block;
	padding:0 10px;
}

li.fsns01,
li.fsns02,
li.fsns03,
li.fnav01,
li.fnav02,
li.fnav03,
li.fnav04 {
	display:inline;
	float:left;
}

.fsnsbox {
	width:265px;
	margin:0 auto;
}

.fnavbox {
	width:425px;
	margin:0 auto;
}

.fnavbox,
.fsnsbox {
text-align:center;
padding:10px 0 5px 0;
}

.flogo {
	text-align:center;
	padding:5px 0;
}

.ftxt {
	text-align:center;
	padding:5px 10px;
	font-size:12px;
}


.left_ttl {
	padding:15px 15px 10px 10px;

}

.red {
	color:#ff4602;
}

.green {
	color:#73ab3b;
}

.blue {
	color:#49b0e0;
}

.orange {
	color:#fd9b4c;
}



.leftbox {
	background:url(../img/bg_left.gif) center repeat-y #e9eaec;
	height:100%;
    min-height:100%;
	-webkit-box-shadow: 0 0 5px 0 #ccc; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #ccc; /* Firefox用 */
	box-shadow: 0 0 5px 0 #ccc; /* CSS3 */
}









/*---下層CSS---*/

#subcontent {
	background:#fefefe;
	padding:20px;
	-webkit-box-shadow: 0 0 5px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #ddd; /* Firefox用 */
	box-shadow: 0 0 5px 0 #ddd; /* CSS3 */
}

h2 {
	font-size:28px;
	margin:0 0 15px 0;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体";
	-webkit-box-shadow: 0 0 5px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #ddd; /* Firefox用 */
	box-shadow: 0 0 5px 0 #ddd; /* CSS3 */
/*
	background:url(../img/bg_h2.gif) center center repeat-x #fdffe9;
*/
background:url(../img/bg_h2_2.gif) left top repeat-x;
padding-top:4px;
/*
border-top:#333 7px solid;
*/text-shadow: -1px -1px 0px #fff;
}

h2 div {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 15%, rgba(208,209,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(255,255,255,1)), color-stop(100%,rgba(208,209,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 15%,rgba(208,209,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 15%,rgba(208,209,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 15%,rgba(208,209,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 15%,rgba(208,209,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d1cc',GradientType=0 ); /* IE6-9 */
	border:#fff 1px solid;
	padding:20px;
	padding-top:17px;
	-webkit-box-shadow: inset 0px 0px 10px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: inset 0px 0px 10px 0 #ddd; /* Firefox用 */
	box-shadow: inset 0px 0px 10px 0 #ddd; /* CSS3 */
}

h3 {
/*
	border-left:#FF9BFF 7px solid;
	padding:0 0 0 5px;
*/
	border-bottom:#e1e1e1 1px solid;
	margin:0 0 20px 0;
	font-size:25px;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体";
}

h4 {
	margin:30px 0 15px 0;
	border-left:#FF9BFF 7px solid;
	padding:0 0 0 5px;
	font-size:16px;
}

#subcontent ul {
	padding:10px 0 10px 10px;
	display:block;
}

#subcontent li {
/*
	list-style:circle inside;
	margin-left:10px;
*/
	list-style:circle outside;
	margin-left:10px;
}

#subcontent .prof_block li {
	list-style:circle inside;
	margin-left:10px;
}

.pp_page .airtcle {
	padding:0 0 10px 0;
}

.pp_page .block {
	padding:5px 0 15px 16px
}

.pp_page span {
	padding:0 5px 0 0;
}

.pp_page p {
	padding:5px 0;
}

.custable {
	width:100%;
}

.custale th {
	/*
	background:url(../img/bg_th.gif) repeat;
	*/
	background:#FDEDD9;
	padding:10px;
	border:2px solid#fff;
	vertical-align:middle;
	width:20%;
}

.custale td {
	padding:10px;
	width:80%;
}

.prof_txt {
}

.prof_img {
	padding:0 0 5px 0;
	float:left;
	width:200px;
}

.comp_page .ttl {
	background:#f1f1f1;
	padding:10px;
	float:left;
	width:150px;
}

.comp_page .txt {
	padding:10px;
	float:left;
}

.comp_page .ttl_last {
	height:100px;
}

.comp_page .comp_block {
	padding:2px;
}

.contact_page .comp_block {
	padding:2px;
}

.contact_page .ttl {
	height:50px;
}

.contact_page .ttl_last {
	height:210px;
}

.contact_page .txt {
	padding:8px 0 0 10px;
	float:left;
}

.contact_page  .f_error {
	padding:0 0 0 10px;
	float:left;
	display:block;
}

.contact_page {
	padding-top:20px;
}

.cotact_table {
	width:98%;
}

.cotact_table input {
/*
	text-align:center;
*/
}

.cotact_table th {
	background:#f1f1f1;
	padding:5px;
	text-indent:10px;
/*
	float:left;
*/
	width:100%;
	text-align:left;
}

.cotact_table td {
	padding:10px;
}

.input_txt textarea {
	width:100%;
}

.btn_box {
	text-align:center;
}

.btn_box .form_btn {
	padding:10px;
}

.img_guide {
	width:280px;
	float:right;
	padding:0 0 0 20px;
}

.img_reserve {
	width:280px;
	float:left;
	padding:0 20px 0 0;
}

.reserve_form {
	text-align:center;
	padding:30px;
	width:400px;
	margin:40px auto;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 1%, rgba(220,224,210,1) 53%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,242,242,1)), color-stop(53%,rgba(220,224,210,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(220,224,210,1) 53%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(220,224,210,1) 53%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 1%,rgba(220,224,210,1) 53%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 1%,rgba(220,224,210,1) 53%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	border:#fff 2px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #ccc; /* Firefox用 */
	box-shadow: 0 0 5px 0 #ccc; /* CSS3 */

}

.guide_block strong {
	padding-bottom:10px;
	display:block;
}

.smp_link_out {
	text-align:center;
}

.guide_block .smp_link {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	margin:10px 0 0 0;
	display:inline-block;
	width:440px;
}

.guide_block .smp_link a {
	border:#fff 4px solid;
	padding:10px;
	padding-top:12px;
	text-align:center;
	text-decoration:none;
	-webkit-box-shadow: inset 0px 0px 10px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: inset 0px 0px 10px 0 #ddd; /* Firefox用 */
	box-shadow: inset 0px 0px 10px 0 #ddd; /* CSS3 */
	display:block;
}

.mypage_block .smp_link_out {
	text-align:left;
}

.mypage_block .smp_link {
	width:240px;
}

.topcont {
	width:190px;
	background-size:contain;
}

.topcont_main {
/*
	background:url(../img/bg_topcont_main.png) repeat-y;
*/
	background:#FFFFFF;
	width:171px;
	background-size:contain;
	padding:10px 10px 15px 10px;
	border:1px #ebebeb solid;
}

.topcont_semi {
	width:365px;
	background-size:contain;
}


.topcont_main_semi {
/*
	background:url(../img/bg_topcont_main.png) repeat-y;
*/
	background:#FFFFFF;
	width:365px;
	background-size:contain;
	padding:10px 10px 15px 10px;
	border:1px #ebebeb solid;
}

.topcont_main2 {
	background:url(../img/bg_topcont_main2.png) repeat-y;
	background:#f3f5f4;
/*
	width:371px;
*/
	width:95%;
	background-size:contain;
	padding:10px 10px 15px 10px;
	border:1px #ebebeb solid;
}

.ttl_top_blog {
	margin-bottom:5px;
}

.topcont_link {
	display:block;
	color:#666666;
	text-decoration:none;
}

.topcont_link:hover {
	color:#CC0000;
}

.topcont_txt {
	padding:5px 0 0 0;
}

.topcont_icon01,
.topcont_icon02,
.topcont_icon03 {
	background:#7980F0;
	color:#FFFFFF;
	font-size:8px;
	padding:1px 2px;
	float:right;
	margin-top:5px;
}

.topcont_icon02 {
	background:#E0928F;
}

.topcont_icon03 {
	background:#FF9933;
}

.smp_btn {
	display:none;
}

.chara_box {
}

.chara_box table {
	width:100%;
	font-size:14px;
	margin:30px 0;
}

.chara_box table th,
.chara_box table td {
	border-bottom:1px solid #ddd;
}


.chara_box table th,
.chara_box table td.icon {
	text-align:center;
	padding:5px;
}

.chara_box table td.icon img {
	width:25px;
}

.chara_box table td {
	padding:3px;
	vertical-align:middle;
}







.chara_box table.in_table {
	width:100%;
	font-size:14px;
	margin:0;
}

.chara_box table.in_table th,
.chara_box table.in_table td {
	border-bottom:0px solid #ddd;
}


.chara_box table.in_table th,
.chara_box table.in_table td.icon {
	text-align:left;
	padding:5px;
}

.chara_box table.in_table td.icon img {
	width:25px;
}

.chara_box table.in_table td.in_icon {
	width:28px;
}

.chara_box table.in_table td {
	padding:3px;
	vertical-align:middle;
}







.chara_head {
	background:url(../img/bg_logo_tab.gif) center top repeat-x;
	background-size:contain;
	height:82px;
	margin:0 0 15px 0;
	-webkit-box-shadow: 0 0 5px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #ddd; /* Firefox用 */
	box-shadow: 0 -1px 5px 0 #ddd; /* CSS3 */	
}

.chara_head .img_logo {
	height:80px;
	float:left;
}

.chara_btn {
	float:right;
}

.chara_btn img {
	height:25px;
}

.chara_logoin {
	padding:30px 15px 0 0;
}

.chara_logoin p {
	display:inline-block;
	float:right;
	padding:0 5px;
}

.chara_gotop {
	margin-top:4px;
}

.chara_gotop a {
	color:#555;
	text-decoration:none;
}

.chara_gotop a:hover {
	color:#CC0000;
}

.chara_box table.tsui_table td.icon {
	padding:6px 0px;
	width:35px;
}

.chara_box table.tsui_table td.ttl {
	background:#f1f1f1;
}


.chara_graph {
	float:left;
	padding:0 15px 15px 0;
}

.chara_graph_txt {
	padding:0 0 15px 0;
}

.chara_result_block .ttl {
	width:97%;
	background:#eee;
	border:1px solid #ccc;
	padding:3px;
}

.chara_result_block .come {
	padding:3px 3px 10px 3px;
}

.chara_result_gotop {
	text-align:center;
	display:inherit;
	padding:20px;
}

.impress_block {
}

.mypage_table td {
	vertical-align:middle;
}

.mypage_table span {
	color:#CC0000;
	font-size:20px;
}

.mypage_block .left {
	float:left;
}

.mypage_block .right {
	float:right;
}

.mypage_block .smp_link {
	margin:0px;
}

.mypage_navi table {
}

.mypage_navi table td {
	width:33%;
	text-align:left;
}

.mypage_navi .smp_link {
	width:180px;
}

.cotact_table input {
	padding:3px;
}

.-cx-PRIVATE-pluginBoxContainer__border {
border:none;
border-top-color:none;
}


.aboutbefine_block .guide_block {
	padding:0 0 60px 0;	
}

.aboutbefine_img {
	padding:0 0 0 20px;
	float:right;
}

.aboutbefine_img img {
	width:300px;	
}

.aboutindex_img_pc .aboutindex_img {
	float:left;
	padding:0 20px 0 0;
	width:300px;
}

.aboutindex_img_pc2 .aboutindex_img {
	float:right;
	padding:0 0 0 20px;
	width:300px;
}

.aboutindex_img_smp {
	display:none;	
}