@charset "UTF-8";

/* ****************************************************
Title: sp_common.css
Created: 2015-05-1
Last Modified: 2015-05-1
***************************************************** */


/* Table Of Contents
----------------------------------------

# Settings
# Smartphne Hide Content
# Layout
# Header
# Main
# GNav
# Sidebar
# Footer
# Modules

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


/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/
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, font, 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{
margin:0;
padding:0;
background:transparent;
border:0;
outline:0;
font-size:13px;
}

body {
	font-family:Hiragino Kaku Gothic Pro,sans-serif;
	font-size: 90%;
	line-height: 1.5;
	width: 100%;
	min-width:320px;
	line-height: 1.6;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	}

body {
	color: #333;
	font-size: 90%;
	line-height: 1.5;
	width: 100%;
	min-width:320px;
	}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;	
    -moz-text-size-adjust: 100%; 
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
	}

h1 { text-indent:-9999px;}

h2 { 
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
	color:#2A1B16;
	background-color:#f8d988;}
	
h3 {
	margin: 10px 0;
	font-weight:bold;
	}

h4 {
	margin: 10px 0;
	padding:5px;
	font-weight:bold;
	background-color:#eee;
	}

a {
	color: #2c89d0;
	text-decoration: none;
	}





/*------------------------------------------------------------
配置スタイル
------------------------------------------------------------*/

#header{
	min-height: 55px;
	max-width: 100%;
	padding: 0;
	position: relative;
	margin:0;
	padding:0;
	background:url(../img/mb_header.jpg) no-repeat ;
	}

#gnav {
	background-color:#efffde;
	}
	
.menu {
	padding: 0px 0px 0px 25px;
	}

.menu li {
	border-bottom: 1px solid #ccc;
	list-style-image:url(../img/icon_menu.gif);
	padding:5px 0;
	}


#mb_layout {
	min-height: 83px;
	max-width: 100%;
	background:url(../img/mb_photo.jpg) no-repeat ;
	}

	
#contents{
	padding:10px;
	}


/*------------------------------------------------------------
写真
------------------------------------------------------------*/
.image {
	list-style-type: none;
	width:0;
	height:0;
	}

.image li {
	text-indent:-9999px;
	}



/*------------------------------------------------------------
テキスト装飾
------------------------------------------------------------*/

.front01 {
	list-style-type: none;
	display:inline-block;
	margin:5px 0;
	padding:0 0 0 12px;
	background:url("../img/icon_arrow.gif") no-repeat 0;
	}

.front02 {
	list-style-type: none;
	display:inline-block;
	padding:0 0 0 60px;
	background:url("../img/icon_mail.gif") no-repeat 0;
	}

.front03 {
	list-style-type: none;
	display:inline-block;
	padding:0 10px 0 12px;
	background:url("../img/icon_arrow.gif") no-repeat 0;
	}

.text_l {
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
	margin:5px 0;
	}

.red_l {
	color:#CC1F00;
	font-size:16px;
	font-weight:bold;
	}

.table01 {
	margin-bottom:15px;
	padding: 10px;
	background-color:#f8f8f8;
	border:dotted #72c789 2px;
	list-style-position: inside;
	}


.table02 {
	margin-bottom:15px;
	padding: 10px;
	background-color:#f8f8f8;
	border:dotted #fea162 2px;
	list-style-position: inside;
	}


/*------------------------------------------------------------
共通フッタ
------------------------------------------------------------*/
#footer {
	clear:left;
	}


#footer{
	width:100%;
	height:20px;
	margin:15px 0;
	padding:5px 0 0 0;
	border-top:#355637 solid 10px;
	text-align:center;
	font-size:80%;
	}