@charset "utf-8";

/*--- 基本設定 ---*/

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Yu Gothic Medium','Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo',Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 2;
}

div,img,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	margin-bottom: 20px;
	list-style: none;
}

dl {
	margin-bottom: 20px;
}

dt {
	font-weight: bold;
}

a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 16px;
}

b {
	font-weight: bold;
	color: #000;
	background: #FF9;
}

small {
	font-size: 14px;
}

strong {
	
}

i {
	
}

img, embed, object, video {
	vertical-align: top;
	max-width: 100%;
}

/*--- テーブル ---*/

table {
	width: 100%;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
}

table th,
table td {
	padding: 8px 10px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	border: 1px solid #EEE;
}

table th {
	background-color: #EEE;
}

table td {
	background-color: #FEFEFE;
}

input,textarea {
	margin: 0;
	padding: 4px;
}

input[ type=checkbox ] {
	margin: 0px 5px 10px 5px;
	-moz-transform-origin: center center;
	-moz-transform: scale( 1.5 , 1.5 );
	-webkit-transform-origin: center center;
	-webkit-transform: scale( 1.5 , 1.5 );
}

select {
	margin: 0 5px;
	font-size: 14px;
}

select option {
	padding: 10px;
}

textarea {
	line-height: 150%;
}

.full {
	width: 98%;
}

.hisu {
	padding: 2px 6px 2px 6px;
	font-size: 12px;
	color: #FFF;
	background: #F33;
}

/*--- テキスト ---*/

h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h1 {
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 28px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 24px;
}

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
}

h4 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

/*--- セクション ---*/

.unit {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

header {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 20px 0px;
}

main {
	float: left;
	width: 640px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

aside {
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
}

footer {
	margin: 40px auto 0px auto;
}

/*--- ヘッダー ---*/

header .logo {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

header .navi {
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
}

header .navi li a {
	display: block;
	float: left;
	width: 80px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #000;
}

header .navi li a:hover {
	color: #999;
}

header .navi li .fa {
	padding: 0px 0px 5px 0px;
	font-size: 36px;
}

/*--- サイド ---*/

aside .local {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}

aside .local li:nth-child(1) {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	color: #FFF;
	background: #000;
}

aside .local li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height: 1;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

aside .local li a:hover {
	text-decoration: underline;
}

/*--- フッター ---*/

footer {
	font-size: 12px;
}

footer a {
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

footer .pagetop a {
	font-size: 60px;
	text-decoration: none;
	position: fixed;
	right: 20px;
	bottom: 0px;
	color: #000;
	z-index: 9999;
}

/*--- インデックス ---*/

.slider {
	width: 960px;
	margin: 0px auto 0px auto;
}

.news {
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #CCC;
}

.news li {
	float: left;
	width: 100%;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	border-bottom: 1px solid #CCC;
}

.more {
	width: 100%;
	margin: 0px 0px 0px 0px;
	background: #666;
	font-weight: bold;
	text-align: center;
}

.more a {
	display: block;
	padding: 10px 0;
	color: #FFF;
}

.more a:hover {
	text-decoration: none;
	background: #CCC;
}

/*--- パンくずリスト ---*/

.breadcrumb {
	padding: 0px 10px 0px 10px;
	background: #F7F7F7;
}

.breadcrumb li {
	float: left;
	margin: 0px 0px 0px 5px;
	font-size: 14px;
}

/*--- グリッド ---*/

.grid2 ul {
	float: left;
	width: 48%;
	margin: 0px 4% 10px 0px;
}

.grid2 ul:nth-child(2) {
	margin: 0px 0% 10px 0px;
}

.grid3 ul {
	float: left;
	width: 32%;
	margin: 0px 2% 10px 0px;
}

.grid3 ul:nth-child(3) {
	margin: 0px 0% 10px 0px;
}

.grid4 ul {
	float: left;
	width: 23.5%;
	margin: 0px 2% 10px 0px;
}

.grid4 ul:nth-child(4) {
	margin: 0px 0% 10px 0px;
}

.phone a {
	display: block;
	width: 80%;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #F90;
	border-radius: 10px;
}

.phone a:hover {
	text-decoration: none;
	background: #F30;
}

.profile {

}

.profile img {
	float: right;
	margin: 0px 0px 20px 20px;
}

.profile .name {
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	font-weight: bold;
}