@charset "UTF-8";

/* ***********************************************************************
Init
*********************************************************************** */
*{margin:0;padding:0;}

html {
color: #444;
font-size: small;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {}

fieldset, img {
border: 0;
}

img {
display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ul {
list-style: none;
}

ul,li{ margin:0; padding:0; }

caption, th {
text-align: left;
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input, textarea, select {
*font-size: 100%;
}

legend {
color: #333;
}



/* ***********************************************************************
Text
*********************************************************************** */
body, table, form, select, input, textarea {
font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;

color: #3E332D;
line-height: 1.8;
letter-spacing: 0;
}

body {
font-size: 0.95em;
}

ol {
list-style-type: decimal;
list-style-image: none;
list-style-position: outside;
}

em {
color: #cccccc;
}

br {
letter-spacing: 0;
}

optgroup {
font-style: normal;
}

.medium {
font-size: 1.2em;
line-height: 1.3;
font-weight: bold;
}

.mini {
font-size: 0.84em;
line-height: 1.3;
}

/* ========= Link ========= */
a, a:link {
color: #000;
text-decoration: none;
outline: none;
cursor: pointer;
}

a:visited {
color: #333;
text-decoration: none;
}

a:active,
a:hover {
color: #e45000;
text-decoration: underline;
}



/* ***********************************************************************
Structure
*********************************************************************** */
body {
background: #f2f2f2 url(http://i-sazanami.cocolog-nifty.com/img/bg.gif) center repeat-y;
text-align: center;
padding:0px;
}

#container {
background: #fff;
width: 874px;
margin: 0 auto;
padding: 30px 0;
text-align: left;
}


/* ***********************************************************************
HEADER
*********************************************************************** */
#header {
margin: 0 0 70px 0;
}

#header h1 a {
display: block;
width: 255px;
height: 56px;
background: url(/img/header_sprite.gif) no-repeat;
background-position: -7px -8px;
font-size: 0;
text-indent: -7777px;
margin: 0 0 0 16px;
/*バックアップ
width: 363px;
height: 37px;
background: url(/img/header_sprite.gif) no-repeat;
background-position: -7px -20px;
font-size: 0;
text-indent: -7777px;
*/
}

#header h1 a:hover {
background-position: -7px -64px;
}

.header_left {
float: left;
}
.header_right {
float: right;
margin: 5px 0 0 0;
}

.header_right li {
float: left;
margin: 0 0 0 16px;
}

.header_right li a {
display: block;
font-size: 0;
text-indent: -9999px;
height: 14px;
background: url(/img/header_sprite.gif) no-repeat;
}
.header_right li.header_menu01 a {width: 61px; background-position: -708px -26px;}
.header_right li.header_menu02 a {width: 96px; background-position: -785px -26px;}
.header_right li.header_menu01 a:hover {background-position: -708px -46px;}
.header_right li.header_menu02 a:hover {background-position: -785px -46px;}


/* ***********************************************************************
MENU
*********************************************************************** */
#menu {margin: 0 0 50px 18px;}

#menu li {
float: left;
}

#menu li a {
display: block;
text-indent: -9999px;
font-size: 0;
height: 89px;
background: url(/img/header_sprite.gif) no-repeat;
}
#menu li.menu01 a {width: 120px; margin: 0 48px 0 0; background-position: -18px -130px;}
#menu li.menu02 a {width: 76px; margin: 0 65px 0 0; background-position: -186px -130px;}
#menu li.menu03 a {width: 82px; margin: 0 67px 0 0; background-position: -327px -130px;}
#menu li.menu04 a {width: 82px; margin: 0 62px 0 0; background-position: -476px -130px;}
#menu li.menu05 a {width: 84px; margin: 0 69px 0 0; background-position: -620px -130px;}
#menu li.menu06 a {width: 70px; margin: 0; background-position: -773px -130px;}
#menu li.menu01 a:hover {background-position: -18px -224px;}
#menu li.menu02 a:hover {background-position: -186px -224px;}
#menu li.menu03 a:hover {background-position: -327px -224px;}
#menu li.menu04 a:hover {background-position: -476px -224px;}
#menu li.menu05 a:hover {background-position: -620px -224px;}
#menu li.menu06 a:hover {background-position: -773px -224px;}


/* ***********************************************************************
FOOTER
*********************************************************************** */
#footer {
width: 930px;
margin: 43px auto;
padding: 8px 0 0 0;
text-align: center;
font-size: 0.86em;
}


/* ***********************************************************************
CONTENT
*********************************************************************** */
.main_img {
margin: 0 0 23px 0;
}

.content_body_l {
width: 574px;
float: left;
margin: 0 29px 0 0;
}

.content_body_r {
width: 261px;
float: left;
margin: 0;
}

.bluebox {
background: #bbdff9;
padding: 22px 24px 6px 24px;
margin: 0 0 20px 0;
}

.yellowbox {
background: #ede333;
padding: 22px 24px 6px 24px;
margin: 0 0 20px 0;
}

.bluebox h2 {
display: block;
text-indent: -7777px;
width: 83px;
height: 19px;
background: url(/img/main_topic01.gif) no-repeat;
margin: 0 0 14px 0;
font-size: 0;
}
.yellowbox h2 {
display: block;
text-indent: -7777px;
width: 87px;
height: 19px;
background: url(/img/main_topic02.gif) no-repeat;
margin: 0 0 14px 0;
font-size: 0;
}

.entry_unit {
margin: 0 0 16px 0;
padding: 0 0 16px 0;
border-bottom: 1px #aaaaaa dotted;
}
.entry_unit h3 {
font-size: 1.2em;
line-height: 1.3;
font-weight: bold;
margin: 6px 0 2px 0;
}
.entry_unit a:link {
color: #333;
text-decoration: none;
}
.entry_unit a:hover {
color: #777;
text-decoration: none;
}

.cat_white {
background: #fff;
padding: 2px 5px 1px 5px;
text-align: center;
line-height: 1;
font-size: 0.91em;
font-weight: bold;
margin: 0;
}

.content_body_r li {
margin: 0 0 26px 0;
}
.content_body_r a.img_hover_op img:hover {
opacity: 0.75;
}


.beigebox {
background: #f1f1e7;
padding: 14px 18px 14px 18px;
margin: 0 0 16px 0;
}
.beigebox h2 {
font-weight: bold;
font-size: 1.4em;
margin: 0 0 14px 0;
padding: 0 0 8px 0;
border-bottom: 1px #b8b8b4 solid;
line-height: 1.4em;
}
.beigebox h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 12px 0;
line-height: 1.2em;
}

.borderbox {
border: 1px solid #aaaaaa;
padding: 22px 24px;
}
.borderbox h2 {
font-size: 2.0em;
font-weight: bold;
border-bottom: 3px solid #abacaf;
line-height: 1;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
}
.borderbox h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 16px 0;
line-height: 1.6em;
}
.borderbox hr {
	border-style: dashed;
	border-width: 1px 0px 0px 0px;
	border-color: #aaaaaa;
	margin:20px 0;
}
.borderbox img.img_left {
	float: left;
	margin: 0 2em 0.5em 0;
}
.borderbox img.img_center {
	text-align: center;
	margin: 0 0 0.5em 0;
}


.content_left {
	width: 423px;
	float: left;
}
.content_right {
	width: 423px;
	float: right;
}
img.img_left {
	float: left;
	margin: 0 1em 0.5em 0;
}
img.img_right {
	float: right;
	margin: 0 0 0.5em 1em;
}
img.img_center {
	display: block;
	text-align:center;
	margin: 0 0 0.5em 0;
}

hr.divider {
	margin: 18px 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #b8b8b4;
	background: none;
	height: 1px;
	clear: both;
}


/* NAVI */
span.navi_current {
	color: #333333;
	font-weight: bold;
}
span.navi_arrow {
	margin: 0 1em;
}
#pagenavi a:link,
#pagenavi a:visited {
	color: #666666;
	text-decoration: none;
}
#pagenavi a:hover,
#pagenavi a:active {
	color: #000000;
	text-decoration: underline;
}


/* ***********************************************************************
ENTRY
*********************************************************************** */
.entry_body {
margin: 1em 0;
}

.entry_footer {
border-top: 1px solid #b8b8b4;
padding: 1em 0 0 0;
margin: 0;
line-height: 1;
}

.entry-more-read {
line-height: 1;
font-weight: bold;
margin: 0 0 1em 0;
}

.sidemodule {
margin: 0 0 22px 0;
}

.sidemodule a:link,
.sidemodule a:visited {
	color: #333333;
	text-decoration: none;
}
.sidemodule a:hover,
.sidemodule a:active {
	color: #666666;
	text-decoration: none;
}

.sidemodule h3 {
font-weight: bold;
font-size: 1.2em;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px #b8b8b4 solid;
line-height: 1.2em;
}

.sidemodule li {
margin: 0 0 10px 0;
padding: 0;
line-height: 1.2em;
}



/* ***********************************************************************
INDEX
*********************************************************************** */
#index_container {
width: 930px;
margin: 0 auto;
padding: 0 0 30px 0;
text-align: center;
}

#index_pic {
margin: 82px 0 43px 0;
}

#index_pic a.img_hover_op img:hover {
opacity: 0.75;
}

#index_container h1 a {
display: block;
width: 363px;
height: 37px;
text-indent: -9999px;
font-size: 0;
background: url(/img/header_sprite.gif) no-repeat;
background-position: -7px -20px;
margin: 0 auto;
}

#index_container h1 a:hover {
background-position: -7px -57px;
}

.entry_unit_index h3 {
font-size: 1.3em;
line-height: 1.3;
font-weight: bold;
margin: 6px 0 0 0;
}


/* ***********************************************************************
Mail Form
*********************************************************************** */
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 10px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 12px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 150px;
}


/* ***********************************************************************
Clear Fix
*********************************************************************** */
.clearFix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/