@charset "utf-8";
/* ===================================================================
CSS information

 style info :  リセット
=================================================================== */

html {
	overflow-y: scroll;
}
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	zoom:1;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align:top;
}
/*IE6*/
* html img {
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img {
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
ul {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}
/* ===================================================================
CSS information

 style info :  全体デザイン基本設定
=================================================================== */

/* 全体 */
body {
	font-size: 14px;
	font-family: "Lucida Grande", sans-serif;
	line-height: 150%;
	text-align: center;
	color: #666;
}
 /* for WinIE6*/ 
 * html body { 
 font-size: 75%;
 font-family: Verdana, "MS P ゴシック", sans-serif;
 letter-spacing: 1px; vertical-align:baseline;
   } 
 /* for WinIE7*/
  *:first-child+html body {
	   font-size: 75%;
	   font-family: 'メイリオ', Meiryo, sans-serif;
		 } 

@charset "utf-8";

* { padding: 0; margin: 0; }

/* 基本14pxの場合 */
.f10 {font-size:72% !important;}
.f11 {font-size:79% !important;}
.f12 {font-size:86% !important;}
.f13 {font-size:93% !important;}
.f14 {font-size:100% !important;}
.f15 {font-size:108% !important;}
.f16 {font-size:115% !important;}
.f17 {font-size:122% !important;}
.f18 {font-size:129% !important;}
.f19 {font-size:136% !important;}
.f20 {font-size:143% !important;}
.f21 {font-size:150% !important;}
.f22 {font-size:158% !important;}
.f23 {font-size:165% !important;}
.f24 {font-size:172% !important;}
.f25 {font-size:179% !important;}
.f26 {font-size:186% !important;}



.lh01 { line-height: 1   !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }

.f-left  { float: left  !important; }
.f-right { float: right !important; }

.lh01 { line-height: 1   !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }

.ma00 { margin:     0px !important; }
.ma05 { margin:     5px !important; }
.ma10 { margin:    10px !important; }
.ma15 { margin:    15px !important; }
.ma20 { margin:    20px !important; }
.ma25 { margin:    25px !important; }
.ma30 { margin:    30px !important; }
.ma40 { margin:    40px !important; }
.ma50 { margin:    50px !important; }
.ma60 { margin:    60px !important; }
.ma70 { margin:    70px !important; }
.ma80 { margin:    80px !important; }
.ma90 { margin:    90px !important; }
.ma100 { margin:    100px !important; }

.mt00 { margin-top:     0px !important; }
.mt05 { margin-top:     5px !important; }
.mt10 { margin-top:    10px !important; }
.mt15 { margin-top:    15px !important; }
.mt20 { margin-top:    20px !important; }
.mt25 { margin-top:    25px !important; }
.mt30 { margin-top:    30px !important; }
.mt40 { margin-top:    40px !important; }
.mt50 { margin-top:    50px !important; }
.mt60 { margin-top:    60px !important; }
.mt70 { margin-top:    70px !important; }
.mt80 { margin-top:    80px !important; }
.mt90 { margin-top:    90px !important; }
.mt100 { margin-top:    100px !important; }

.mr00 { margin-right:   0px !important; }
.mr05 { margin-right:   5px !important; }
.mr10 { margin-right:  10px !important; }
.mr15 { margin-right:  15px !important; }
.mr20 { margin-right:  20px !important; }
.mr25 { margin-right:  25px !important; }
.mr30 { margin-right:  30px !important; }
.mr40 { margin-right:  40px !important; }
.mr50 { margin-right:  50px !important; }
.mr60 { margin-right:  60px !important; }
.mr70 { margin-right:  70px !important; }
.mr80 { margin-right:  80px !important; }
.mr90 { margin-right:  90px !important; }
.mr100 { margin-right:  100px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left:    0px !important; }
.ml05 { margin-left:    5px !important; }
.ml10 { margin-left:   10px !important; }
.ml15 { margin-left:   15px !important; }
.ml20 { margin-left:   20px !important; }
.ml25 { margin-left:   25px !important; }

.ml30 { margin-left:   30px !important; }
.ml40 { margin-left:   40px !important; }
.ml50 { margin-left:   50px !important; }
.ml60 { margin-left:   60px !important; }
.ml70 { margin-left:   70px !important; }
.ml80 { margin-left:   80px !important; }
.ml90 { margin-left:   90px !important; }
.ml100 { margin-left:   100px !important; }

.pa00 { padding:     0px !important; }
.pa05 { padding:     5px !important; }
.pa10 { padding:    10px !important; }
.pa15 { padding:    15px !important; }
.pa20 { padding:    20px !important; }
.pa25 { padding:    25px !important; }
.pa30 { padding:    30px !important; }
.pa40 { padding:    40px !important; }
.pa50 { padding:    50px !important; }
.pa60 { padding:    60px !important; }
.pa70 { padding:    70px !important; }
.pa80 { padding:    80px !important; }
.pa90 { padding:    90px !important; }
.pa100 { padding:    100px !important; }

.pt00 { padding-top:     0px !important; }
.pt05 { padding-top:     5px !important; }
.pt10 { padding-top:    10px !important; }
.pt15 { padding-top:    15px !important; }
.pt20 { padding-top:    20px !important; }
.pt25 { padding-top:    25px !important; }
.pt30 { padding-top:    30px !important; }
.pt40 { padding-top:    40px !important; }
.pt50 { padding-top:    50px !important; }
.pt60 { padding-top:    60px !important; }
.pt70 { padding-top:    70px !important; }
.pt80 { padding-top:    80px !important; }
.pt90 { padding-top:    90px !important; }
.pt100 { padding-top:    100px !important; }

.pr00 { padding-right:   0px !important; }
.pr05 { padding-right:   5px !important; }
.pr10 { padding-right:  10px !important; }
.pr15 { padding-right:  15px !important; }
.pr20 { padding-right:  20px !important; }
.pr25 { padding-right:  25px !important; }
.pr30 { padding-right:  30px !important; }
.pr40 { padding-right:  40px !important; }
.pr50 { padding-right:  50px !important; }
.pr60 { padding-right:  60px !important; }
.pr70 { padding-right:  70px !important; }
.pr80 { padding-right:  80px !important; }
.pr90 { padding-right:  90px !important; }
.pr100 { padding-right:  100px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb03 { padding-bottom:  3px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left:    0px !important; }
.pl05 { padding-left:    5px !important; }
.pl10 { padding-left:   10px !important; }
.pl15 { padding-left:   15px !important; }
.pl20 { padding-left:   20px !important; }
.pl25 { padding-left:   25px !important; }
.pl30 { padding-left:   30px !important; }
.pl40 { padding-left:   40px !important; }
.pl50 { padding-left:   50px !important; }
.pl60 { padding-left:   60px !important; }
.pl70 { padding-left:   70px !important; }
.pl80 { padding-left:   80px !important; }
.pl90 { padding-left:   90px !important; }
.pl100 { padding-left:   100px !important; }

.red { color: #f00 !important; }
.bk { color: #000 !important; }
.gray333 { color: #333 !important; }
.gray666 { color: #666 !important; }
.gray999 { color: #999 !important; }

.f10 { font-size: 77%    !important; }
.f11 { font-size: 85%    !important; }
.f12 { font-size: 92.4%  !important; }
.f13 { font-size: 100%   !important; }
.f14 { font-size: 108%   !important; }
.f15 { font-size: 116%   !important; }
.f16 { font-size: 123.1% !important; }
.f17 { font-size: 131%   !important; }
.f18 { font-size: 138.5% !important; }

.center { text-align: center !important; }
.right  { text-align: right  !important; }
.left   { text-align: left   !important; }

.top    { vertical-align: top    !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.bold	{	font-weight:bold !important; }
.small	{	font-size:77% !important; }
.clear { clear:both !important; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
		 
		 
/* 文字色 */
a {
	color: #35B2E3;
}
a:hover {
	color: #009CDE;
	text-decoration: underline;
}
#news a, #blog a {
	color: #35B2E3;
	text-decoration: underline;
}
#news a:hover, #blog a:hover {
	color: #009CDE;
	text-decoration: underline;
}
a:visited {
}
a:active {
}
a:focus {
}
/* ===================================================================
CSS information

 style info :大まかなレイアウト
=================================================================== */

/*-------------------------------------
contner
-------------------------------------*/
#wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: left;
	background-color: #FFF;
	position: relative;
}
.index {
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}
.bottom {
	background-image: url(../images/header_bg_bottom.jpg);
	background-repeat: repeat-x;
}
#container {
	clear: both;
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: left;
	overflow: hidden;
}

#mainColumn {
	float: left;
	width: 725px;
	margin-right: 10px;
}
#sudeColumn {
	float: left;
	width: 220px;
}

/*-------------------------------------
header
-------------------------------------*/
#header {
	height: 160px;
	width: 960px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {
	height: 64px;
	width: 180px;
	float: left;
	margin-right: 20px;
}
#header #sitemap {
	height: 12px;
	width: 82px;
	float: left;
	margin-top: 52px;
}
#header #header_inquiry {
	height: 50px;
	width: 330px;
	float: right;
	margin-top: 14px;
}
#header .headerWrap {
	padding-top: 15px;
}
#header .naviWrap {
	clear: both;
	padding-top: 6px;
}
*:first-child+html #header .naviWrap {
	clear: both;
	padding-top: 8px;
}

/*-------------------------------------
footer
-------------------------------------*/
#footer {
	clear: both;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 125px;
}
#footer  #footerWrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 20px;
	background-image: url(../images/footer_logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer  #footerWrap h3 {
	margin-bottom: 10px;
}
#footer  #footerWrap p {
	font-size: 93%;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#footer  #footerWrap p a {
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/footer_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-right: 15px;
}
#footer  #footerWrap p a:hover {
	color: #FFF;
	text-decoration: underline;
	background-image: url(../images/footer_icon.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 15px;
	padding-right: 15px;
}

/* ===================================================================
CSS information

 style info :機能単位、交換可能な構成部分
=================================================================== */

/* 見出し */
h1 {
	font-size: 72%;
	color: #46C6EB;
	font-weight: normal;
	text-align: right;
	width: 960px;

}
/*-------------------------------------
footNav フッターナビゲーション
-------------------------------------*/
#top #totop {
	background-color: #F9FAFB;
}
#top #totop #totopWrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top #totop #totopWrap h3 {
	margin-bottom: 10px;
}
#top #totop #totopWrap p {
	color: #999;
	font-size: 93%;
	text-align: center;
}
#top #totop #totopWrap p a {
	color: #999;
	text-decoration: none;
}
#top #totop #totopWrap p a:hover {
	color: #666;
	text-decoration: underline;
}
/*-------------------------------------
全体 
-------------------------------------*/


/* 下層共通 */

.contents {
	margin-bottom: 20px;
	overflow:hidden;
	text-align: left;
	clear: both;
}
.bnr {
	margin-bottom: 10px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
#top #footer #footerWrap #copy {
	color: #84D6F0;
	margin-top: 5px;
	font-size: 93%;
}
#top #wrap #mainVisual {
	margin: 0px;
	padding: 0px;
}
#mainColumn .contents .contentsIn {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
strong {
	color: #00529E;
	font-weight: normal;
}
.tbl {
	width: 685px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #35B1E2;
	border-bottom-color: #35B1E2;
	margin-bottom: 20px;
}
.tbl th {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	background-color: #CDEFFA;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #35B1E2;
	border-left-color: #35B1E2;
	width: 200px;
}
.tbl td {
	padding: 10px;
	font-size: 14px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #35B1E2;
	border-left-color: #35B1E2;
}
.center {
	text-align: center;
}
/*--blog--*/
.ttls {
	color: #35B1E2;
	text-align: center;
	padding: 30px;
	font-size: 129%;
}
.ttl {
	background-image: url(../images/ttl_bg.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 723px;
	font-weight: bold;
	text-decoration: none;
	color:#47C6EB;
}
.ttl .contentIn {
	padding-top: 12px;
	padding-right: 9px;
	padding-left: 9px;
}
.ttl .contentIn a {
	font-weight: bold;
	text-decoration: none;
}
.ttl .contentIn a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.post .date {
	text-align: right;
	padding: 5px;
	color: #58CDEE;
}
.post p img {
	padding: 5px;
	border: 1px solid #E4E4E4;
}
.post {
	margin-bottom: 50px;
}
.post p {
	padding-right: 10px;
	padding-left: 10px;
	color: #666;
}
.navigation {
	padding: 10px;
	background-color: #ECF5FF;
	overflow: hidden;
}
.navigation .previous-entries {
	float: left;
	color: #35B2E3;
}
.navigation .next-entries {
	float: right;
	color: #33ACDB;
}
.post .entry {
	margin-bottom: 40px;
}
.post #comments #reply-title {
	padding: 10px;
	font-weight: normal;
	color: #35B2E3;
}
.post #comments {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.form-allowed-tags {
	background-color: #EEFBFF;
	padding: 10px;
	border: 1px solid #CBEBF8;
}
/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #239CD9;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #239CD9;
	background-color: #FBFEFF;
}

/*--comment--*/
#comments-title {
	background-color: #F2FAFD;
	padding: 5px;
	font-weight: normal;
	color: #35B2E3;
}
.comment-author {
	padding: 5px;
}
.comment-author img {
	margin-right: 5px;
}
.comment-content {
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	margin-bottom: 10px;
}
/*--//comment--*/#sudeColumn .section .section-title {
	padding: 5px;
	background-color: #3EBDE8;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}
#sudeColumn .section .side_ist,#sudeColumn .section .section-content .nice-list li {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EDEFF1;
}
#sudeColumn .section {
	margin-bottom: 10px;
}
.right_text {
	text-align: right;
}
