@charset "UTF-8";       /* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造（全体構造～フッターの設定まで）
2.汎用スタイルシート
3.トップページ

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px; /* 各ブラウザの独自解釈をリセット */
	padding: 0px;
}
html{overflow-y:scroll;height:100%;}
body{
	height:100%; /* 縦100% */
	background:#9ed9f6; /* 背景 */
	text-align:center; /* IE5.5以前用中央揃え */
	font-size:0.8em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 1.5em; /* 基本の行間 */
	background:url(../../../../../images/common_bg02.jpg) repeat-x #9ed9f6; /* 背景 */
}
body.indexbg{
	background:url(../../../../../images/p01_bg01.jpg) repeat-x #9ed9f6; /* 背景 */
}
#wrapper{
	width:776px; /* 基本ページ幅 */
	background:url(../../../../../images/common_bg01.jpg) repeat-y #fff; /* 背景 */
	color:#636262; /* 基本文字色 */
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
	min-height:100%; /* 縦100% */
	height:100%; /* 縦100% */
}
body > #wrapper {height: auto;}

img {
	border:none;
	vertical-align:top;
}

/* リンク
---------------------------------------------------- */
a{
/**/
 overflow: hidden;
/**/
}
a:link {
	color:#63afca; /* リンクの色 */
	text-decoration:underline;
	background:transparent; /* 背景透明 */
}
a:visited {
	color:#63afca; /* 訪問済みリンクの色 */
	text-decoration:underline;
	background:transparent; /* 背景透明 */
}
a:hover, a:active {
	color:#63afca; /* マウスオーバー、アクティブリンクの色 */
	text-decoration:none;
	background:transparent; /* 背景透明 */
}
a:focus{outline:none;}

/* ヘッダ
---------------------------------------------------- */
#header{
	width:738px;
	height:105px;
	margin:0 27px 0 11px;
	padding-top:8px;
}

/* #head-left---------- */
#head-left{
	width:394px;
	height:71px;
	margin-top:8px;
	float:left;
}
#head-left #logo01{
	width:79px;
	height:71px;
	float:left;
}
#head-left #logo02{
	width:315px;
	height:71px;
	background:url(../../../../../images/common_logo02.gif) repeat-x #9ed9f6; /* 背景 */
	float:left;
}
h1{
	font-size:12px;
	font-weight:normal;
	margin:14px 0 0 15px;
}
h1 a{
	display:block;
	width:300px;
	height:57px;
}
h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{
	color:#393939; /* リンクの色 */
	text-decoration:none;
	background:transparent; /* 背景透明 */
}
/* #head-right---------- */
#head-right{
	width:309px;
	height:97px;
	float:right;
}
#head-right ul{
	width:192px;
	height:19px;
	margin:0 0 3px 113px;
	list-style:none;
}
#head-right li{
	float:left;
}
#head-right li img{
	vertical-align:bottom;
}

/* ナビ
---------------------------------------------------- */
#navi {
	height:41px;
	width:760px;
}
ul#navi{
	margin:0 0 10px 8px;
	list-style:none;
}
ul#navi li{
	height:41px;
	float:left;
}
ul#navi img{
	vertical-align:bottom;
}

/* コンテンツ幅
---------------------------------------------------- */
#container {/* コンテンツ全体の幅 */
	width:760px;
	margin:0 8px;
	_padding-top:1px;
}

#main {/* 左カラムの幅 */
    width:500px;
    float:left;
		padding-left:20px;
}

#block {/* 右カラムの幅 */
    width:200px;
    float:right;
		padding-right:20px;
}

/* 汎用スタイルシート
---------------------------------------------------- */

.clear {clear:both;}

#page-top {
    clear:both;
    width:740px;
    text-align:right;
    margin:0px auto;
}
.mb20 {margin-bottom:20px;}

/* サイドバー
---------------------------------------------------- */

#calendar,
#search,
#recent,
#archive,
#category{
    width:198px;
    margin-bottom:20px;
    border:1px solid #a2cee0;
    background:#edfaff;
}

#category{/* カテゴリーの背景 */
    background:url(../../img/plain/cate-bg.jpg) no-repeat right bottom #edfaff;
}

#rss,#mobile{
    width:198px;
    border:1px solid #a2cee0;
    margin-bottom:20px;
    text-align:center;
    background:#edfaff;
}

.block-center { padding:20px;}/* カレンダー・RSS・検索の位置調整*/

.EzCalendar{/* カレンダーのセンター揃え */
    width:158px;
    margin:0px auto;
    text-align:center;
    border-collapse:collapse;
    padding:1px;
}

.EzCalendar a:link,.EzCalendar a:visited,.EzCalendar a:hover,.EzCalendar a:active {
	color:#64a7c7; /* リンクの色 */
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ccc;padding:1px;}

#block h2 {/* サイドバーのタイトル */
    background:url(../../img/plain/block-h2-back.jpg) no-repeat;
    color:#fff;
    height:31px;
    font-size:100%;
    font-weight:normal; text-indent:20px;
    line-height:220%;
    text-align:left;
}

#category h2 {/* カテゴリーのタイトル */
	color:#64b0ca;
	padding-top:4px;
	font-weight:bold;
    background:url(../../img/plain/block-h2-back-cate.gif) no-repeat;
}

#block ul { width:160px; margin:0px auto; padding-bottom:20px;}

#block li {
    list-style:none;
    background:url(../../img/plain/list-icon.jpg) no-repeat left;/* サイドバーリストアイコン */
    padding:5px 0px 5px 12px;
}

#block li a{color:#333; text-decoration:none;}
#block li a:hover{ color:#333; text-decoration:none;}

/* トップページ
---------------------------------------------------- */

.entry {}

.entry h2 {font-size:90%; text-align:right; font-weight:normal;}/* 日付 */

.entry h3 a:link,.entry h3 a:visited,.entry h3 a:hover,.entry h3 a:active {
	color:#fff; /* リンクの色 */
}

#container h3 {
    background:url(../../img/plain/entry-title-back.jpg) no-repeat;/* 記事タイトル */
    height:30px;
    text-indent:25px;
    line-height:230%;
    font-size:100%;
	color:#fff;
}

.entry .title {
}
.entry .message {
    padding:10px 10px 10px 10px;
    background:#edfaff;/* コメントの影背景 */
    border:1px solid #a2cee0;
    margin-top:20px;
}

.entry .posted {padding:10px; font-size:85%;}
.posted2 {font-size:85%; padding-top:30px;}
div.paging {color:#ccc;margin-bottom: 2em;}

div.paging div.disabled {color: #ddd;display:inline;}

div.paging span {}

div.paging span.current {color: #000;}

div.paging span a {}



/* コメント画面
---------------------------------------------------- */

.comments h4{ font-size:100%; font-weight:normal; padding:10px;}/* コメントした人 */

.comments p{ padding:10px;}

.input{border-bottom:1px solid #ddd;padding:15px 10px;}

.input label{width:80px;float:left; }

.input input{width:390px; float:right;}

.required{border-bottom:1px solid #ddd; padding:15px 10px;}

.required label{width:80px; float:left;}

.required textarea{ width:390px;float:right;}

.submit{ padding:10px 0px 0px 5px;}

.errorDiv{
    background:#f9f9f9;/* エラーコメント */
    color:#ff0000;
    margin-top:15px;
    padding:5px;
}

/* フッタ
---------------------------------------------------- */
#pagetop{
	margin:20px 30px 6px 0;
	text-align:right;
}
#footer{
	background:#f8f8f8;
	font-size:85%;
	padding-top:3px;
	text-align:center;
}
/* フッタのテキストリンク（#footer-link）---------- */
#footer{
	border-top:#dcdcdc 1px solid;
	padding:3px 0 25px 0;
}
#footer-link a{
	text-decoration:none;
	color:#636262;
}
#footer-link a:hover,#footer-link  a:active {
	color:#636262; /* マウスオーバー、アクティブリンクの色 */
	text-decoration:underline;
	background:transparent; /* 背景透明 */
}
#footer-link{
	padding:10px 3px 10px 0;
	list-style:none;
}
#footer-link li{
	display:inline;
	border-right:#828282 1px solid;
	padding:0 3px;
	line-height:1;
}
#footer-link li.last{border:none;}

/*#footer{
    width:780px;
    margin:0px auto;
    height:29px;
    background:url(../../img/plain/footer.jpg) no-repeat #fff;
    font-size:90%;
	text-indent:-9999px;
}*/


/* フロート対策
---------------------------------------------------- */
div:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

div{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html div{height: 1%;}
div{display: block;}
/*--ここまでMAC IEは非適用 */