@charset "UTF-8";

/* ****************************************************
Title: pc_common.css
Created: 2015-05-1
Last Modified: 2015-05-1
***************************************************** */


/* Table Of Contents
----------------------------------------

# Settings
# Layout
# Header
# GNav
# Main
# 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:13px;
line-height: 1.6;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
background-image:url(../img/back_pattern.gif);
width:940px;
margin:0 auto;
}


h1,h2,h3,h4,h5,h6 {
	color: #000;
	line-height: 1.214;
	}
h1 { text-indent:-9999px;}

h2 { 
	background:url("../img/ttl_l.gif") left top no-repeat; 
	width:467px; 
	height:46px; 
	padding: 11px 0px 0px 20px;
	margin-bottom: 10px; 
	font-size:18px; 
	color:#2A1B16;}
	
h3 {
	margin: 10px 0;
	font-size:15px; 
	}

h4 {
	width:434px;
	height:14px;
	padding:0 2px 6px 25px;
	margin:25px 0;
	font-size:15px; 
	color:#695543;
	border-bottom: 2px dotted #ccc;	
	background:url("../img/icon_h4.gif") left no-repeat;
	}
a {
	color: #2c89d0;
	text-decoration: none;
	}

a:hover { text-decoration: underline; }

table { width: 100%; }

img{ border: none;
	vertical-align:top;
	}

.clear{ clear:both; }

/*------------------------------------------------------------
配置スタイル
------------------------------------------------------------*/
/* フロート */
.fltLeft{float:left;}
.fltRight{float:right;}

/* テキストの位置 */
.taLeft{text-align:left !important;}
.taCenter{text-align:center !important;}
.taRight{text-align:right !important;}


#header{
	width: 940px;
	height: 201px;
	margin:0;
	padding:0;
	background-image:url(../img/main_header.jpg);
	}
		
#gnav {
	width: 940px;
	height: 50px;
	background-color:#efffde;
	border-bottom: 3px solid #ccc;
	}
	
.menu {
	margin-left:70px;	
	padding: 13px 0px 0px 20px;
	}

.menu li {
	float: left;
	width: 14em;
	list-style-image:url(../img/icon_menu.gif);
	margin-right: 2em;
	}


#layout{
	width: 940px;
	height: 80px;
	margin:0;
	padding:0;
		}

#contents{
	width:470px;
	height:800px;
	padding:20px;
	float:left;
	}

#photo {
	padding:20px;
	}


/*------------------------------------------------------------
写真
------------------------------------------------------------*/
.image {
	list-style-type: none;
}

.image li {
	text-indent:-9999px;
	width:124px;
	height:142px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.image .photo01 {background-image:url(../img/01.jpg);}
.image .photo02 {background-image:url(../img/02.jpg);}
.image .photo03 {background-image:url(../img/03.jpg);}
.image .photo04 {background-image:url(../img/04.jpg);}
.image .photo05 {background-image:url(../img/05.jpg);}
.image .photo06 {background-image:url(../img/06.jpg);}
.image .photo07 {background-image:url(../img/07.jpg);}
.image .photo08 {background-image:url(../img/08.jpg);}
.image .photo09 {background-image:url(../img/09.jpg);}
.image .photo10 {background-image:url(../img/10.jpg);}
.image .photo11 {background-image:url(../img/11.jpg);}
.image .photo12 {background-image:url(../img/12.jpg);}
.image .photo13 {background-image:url(../img/13.jpg);}
.image .photo14 {background-image:url(../img/14.jpg);}
.image .photo15 {background-image:url(../img/15.jpg);}

/*------------------------------------------------------------
リンクフリーのバナー
------------------------------------------------------------*/

.bannar {
	margin:10px 0;d
}

/*------------------------------------------------------------
テキスト装飾
------------------------------------------------------------*/

.front01 {
	list-style-type: none;
	display:inline-block;
	margin:20px 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 15px 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 {
	width:383px;
	margin-bottom:15px;
	padding: 10px;
	background-color:#f8f8f8;
	border:dotted #72c789 2px;
	list-style-position: inside;
}


.table02 {
	width:383px;
	margin-bottom:15px;
	padding: 10px;
	background-color:#f8f8f8;
	border:dotted #fea162 2px;
	list-style-position: inside;
}


/*------------------------------------------------------------
共通フッタ
------------------------------------------------------------*/
#footer {
	clear:left;
}


#footer{
width:940px;
height:20px;
margin:15px 0;
padding:5px 0 0 0;
border-top:#355637 solid 10px;
text-align:center;
}




/* # gNav
---------------------------------------------------------------------------- */


#gNav li a {}

* html #gNav li a:hover {
	overflow: hidden;
}

