/*
-----------------------------------------------
css/styles-site.css
----------------------------------------------- */

/* 共通指定
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	text-align:left;
}

body {
	background-color: #f4fbf9;
	color: #666;
	font-family: "ＭＳ ゴシック",sans-serif;
	text-align: center;/* IE用中央寄せ */
}

div,img,a,p {
	border: 0;
}

li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ccc;
}

blockquote {
	width: 370px;
	margin: 10px 0;
	padding: 10px;
	border: solid 1px #ccc;
	font-size: 75%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 348px;
}
html>body blockquote {
	width: 348px;
}

/* フロート回り込み解除
----------------------------------------------- */
.cleanup:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* リンク指定
----------------------------------------------- */
a {
	text-decoration: none;
}

a:link {
	color: #0099cc;
}

a:visited {
	color: #0099cc;
}

a:hover {
	color: #ff0000;
}

a:active {
	color: #ff0000;
}

a.link-line { text-decoration:underline; } 
a.link-line:visited { text-decoration:underline; }
a.link-line:hover { text-decoration:underline; }


/* ヘッダー
----------------------------------------------- */
h1 {
	width: 780px;
	margin: 0 auto;/* 通常中央寄せ */
}


/* レイアウト
----------------------------------------------- */
#outbox {/* macIE5用 */
	width: 780px;
	margin: 0 auto;/* 通常中央寄せ */
	text-align: center;
}

#container {
	width: 780px;
	margin: 0 auto;/* 通常中央寄せ */
	padding: 0 15px;
	background-image: url("./misc/bg.gif");
	background-repeat: repeat-y;
	background-position: center;
	overflow: hidden;/* opera用 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 750px;
}
html>body #container {
	width: 750px;
}


/* サブメニュー
----------------------------------------------- */
.category, .article, .backnumber, .search, .profile {
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
}


/* 左側
----------------------------------------------- */
#container #leftcol {
	float: left;
}

#container #leftcol #alea-left {
	width: 170px;
	float: left;
}

.category {
	width: 170px;
	background: #ffeeee;
	font-size: 75%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body .category {
	width: 150px;
}

.article {
	width: 170px;
	background: #fff3ee;
	font-size: 62.5%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body .article {
	width: 150px;
}


/* 中央
----------------------------------------------- */
#container #leftcol #alea-center {
	width: 370px;
	padding: 0 20px;
	float: left;
}

#container #leftcol #alea-center h2 {
	width: 370px;
	margin: 2px 0 8px 0;
	padding: 3px;
	background-image: url("./misc/bg01.gif");
	border-width: 0 0 2px 0;
	border-style: solid ;
	border-color: #fff0b5;
	color: #ff6600;
	font-size: 117.5%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 364px;
}
html>body #container #leftcol #alea-center h2 {
	width: 364px;
}

#container #leftcol #alea-center .main-comment {
	width: 370px;
}

.main-comment p {
	margin: 0 5px;
	font-size: 75%;
	line-height: 150%;
}

.next {
	margin: 8px 0 0 0;
}

.main-comment img {
	margin: 8px 0 5px 0;
}

.bottomlink {
	margin: 10px 0 25px 0;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: dashed;
	border-color: #ccc;
	font-size: 62.5%;
	line-height: 150%;
	text-align: right;
}


/* 右側
----------------------------------------------- */
#container #alea-right {
	width: 170px;
	float: right;
}

.button01 {
	margin: 0 0 10px 0;
}

.button02 {
	margin: 0 0 20px 0;
}


/* 右側（カレンダー）
----------------------------------------------- */
#container #alea-right #calendar {
	width: 168px;
	margin: 0 0 20px 0;
	border: solid 1px #ccc;
}

#container #alea-right #calendar #table-area {
	width: 100%;
	border-collapse: separate;
}

#container #alea-right #calendar #table-area caption {
	padding: 5px 8px;
	background: #ffdfdf;
	font-size: 75%;
	text-align: left;
}

#container #alea-right #calendar #table-area th {
	padding: 3px 0;
	border: solid 1px #ccc;
	background: #fff4f4;
	font-size: 65.5%;
	font-weight: normal;
	text-align: center;
}

#container #alea-right #calendar #table-area td {
	padding: 6px 0;
	border: solid 1px #ccc;
	font-size: 65.5%;
	text-align: center;
}


/* 右側（バックナンバー）
----------------------------------------------- */
#container #alea-right .backnumber {
	width: 170px;
	background: #dcf3ea;
	font-size: 75%;
	line-height: 140%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body #container #alea-right .backnumber {
	width: 150px;
}

#container #alea-right .backnumber ul li {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	background: url('./misc/arrow.gif') no-repeat 0 0.4em;
	border-style: none;
}


/* 右側（検索）
----------------------------------------------- */
#container #alea-right .search {
	width: 170px;
	padding: 15px 10px;
	background: #e0f2f7;
	font-size: 75%;
	line-height: 150%;
	clear: both;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body #container #alea-right .search {
	width: 150px;
}

.search-box {
	width: 108px;
	float: left;
}

.box13 { 
	width: 103px;
}

.search-button {
	text-align:right;
}


/* 右側（スタッフプロフィール）
----------------------------------------------- */
#container #alea-right .profile {
	width: 170px;
	background: #f3ebf2;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body #container #alea-right .profile {
	width: 150px;
}

#container #alea-right .profile p {
	margin: 5px 0 0 0;
	font-size: 65.5%;
	line-height: 150%;
}

#container #alea-right .profile .text-right {
	text-align: right;
}


/* 右側（トラックバック）
----------------------------------------------- */
#container #alea-right .trackback {
	width: 170px;
	padding: 5px 10px 10px 10px;
	background: #eee;
	font-size: 65.5%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}
html>body #container #alea-right .trackback {
	width: 150px;
}


/* フッター
----------------------------------------------- */
#pagecol {
	width: 780px;
	margin: 0 auto;/* 通常中央寄せ */
	padding: 35px 15px 20px 0;
	background-image: url("./misc/bg.gif");
	background-repeat: repeat-y;
	background-position: center;
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 765px;
}
html>body #pagecol {
	width: 765px;
}

#fottercol {
	width: 780px;
	height: 58px;
	margin: 0 auto;/* 通常中央寄せ */
	background-image: url("./misc/foot_bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

#fottercol .contact {
	padding: 10px 0 0 15px;
	float: left;
}

#fottercol .copy {
	padding: 10px 15px 0 0;
	text-align: right;
}



#container #leftcol #alea-center .main-prof {
	width: 370px;
}

#container #leftcol #alea-center h2.prof {
	margin: 0 0 10px 0;
	background-image: url("./misc/bg02.gif");
	border-color: #e2cddf;
	color: #aa6a9f;
}

#container #leftcol #alea-center .main-prof #prof-out {
	width: 370px;
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	border-width: 0 0 1px 0;
	border-style: dashed;
	border-color: #ccc;
	text-align: right;
}

#container #leftcol #alea-center .main-prof #prof-out .prof-box {
	margin: 0 0 0 145px;
}

#container #leftcol #alea-center .main-prof .prof-box .prof-text {
	width: 225px;
	font-size: 75%;
	line-height: 160%;
	text-align: left;
}

.stuffname {
	color: #aa6a9f;
}

#container #leftcol #alea-center .main-prof .photo01 {
	background-image: url("./misc/stuff01.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#container #leftcol #alea-center .main-prof .photo02 {
	background-image: url("./misc/stuff02.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#container #leftcol #alea-center .main-prof .photo03 {
	background-image: url("./misc/stuff03.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#container #leftcol #alea-center .main-prof .photo04 {
	background-image: url("./misc/stuff04.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#container #leftcol #alea-center .main-prof .photo05 {
	background-image: url("./misc/stuff05.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}


/* //////////////////////////////////////////// */

/* お問い合せ
----------------------------------------------- */
#container #leftcol #alea-center .main-contact {
	width: 370px;
}

#container #leftcol #alea-center h2.con {
	margin: 0 0 10px 0;
	background-image: url("./misc/bg03.gif");
	border-color: #ffd9d9;
	color: #ff6666;
}

#container #leftcol #alea-center .main-contact p {
	width: 370px;
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	font-size: 75%;
	line-height: 150%;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ccc;
}

#container #leftcol #alea-center .main-contact .number {
	width: 370px;
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ccc;
	text-align: center;
}



/* //////////////////////////////////////////// */

/* カテゴリー
----------------------------------------------- */
#container #leftcol #alea-center .cat-title {
	width: 370px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 87.5%;
	color: #ff6666;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ff6666;
}

.pankz {
	margin: 0 0 20px 0;
	font-size: 65.5%;
	line-height: 150%;
	text-align: center;
}



/* //////////////////////////////////////////// */

/* トラックバック
----------------------------------------------- */
#container #leftcol #alea-center .main-comment .traba {
	width: 370px;
	margin: 0 0 25px 0;
	padding: 10px;
	background: #f6f6f6;
	font-size: 75%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px;
}
html>body #container #leftcol #alea-center .main-comment .traba {
	width: 350px;
}

#container #leftcol #alea-center .main-comment .traba-text {
	font-size: 75%;
	line-height: 150%;
}


/* //////////////////////////////////////////// */

/* コメント
----------------------------------------------- */
#container #leftcol #alea-center .main-comment .comme {
	width: 370px;
}

#container #leftcol #alea-center .main-comment .write-comment {
	width: 368px;
	margin: 0 0 25px 0;
	padding: 15px;
	background: #fffcf0;
	border: solid 1px #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 338px;
}
html>body #container #leftcol #alea-center .main-comment .write-comment {
	width: 338px;
}


#container #leftcol #alea-center .main-comment .write-comment .icon {
	background-image: url("./misc/icon.gif");
	background-repeat: no-repeat;
}

#container #leftcol #alea-center .main-comment .write-comment .comment-title {
	margin: 0 0 20px 0;
	padding: 0 20px 5px 0;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ff6600;
	font-size: 87.5%;
	color: #ff6600;
}

#container #leftcol #alea-center .main-comment .write-comment .comment-title .ctext {
	margin: 0 0 5px 20px;
}

#container #leftcol #alea-center .main-comment .write-comment .comment-input {
	margin: 0 0 15px 0;
	font-size: 75%;
	line-height: 150%;
	border: 1px;
}

#container #leftcol #alea-center .main-comment .write-comment .comment-btn {
	text-align: center;
}

.box25 { width: 187px; }	/*W25*/
.box40 { width: 292px; }	/*W40*/
.area45 { width: 330px; }	/*W44*/

.btnbg {
	background: #ffb18c;
	text-align: center;
}



/* //////////////////////////////////////////// */

/* 検索
----------------------------------------------- */
#container #mian-search {
	width: 650px;
	margin: 0 auto;
	text-align: center;
}

#container #mian-search h2 {
	width: 650px;
	margin: 2px 0 8px 0;
	padding: 3px;
	background-image: url("./misc/bg04.gif");
	border-width: 0 0 2px 0;
	border-style: solid ;
	border-color: #d3ecf3;
	color: #2d93b0;
	font-size: 117.5%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 644px;
}
html>body #container #mian-search h2 {
	width: 644px;
}

#container #mian-search .search-area {
	width: 650px;
	margin: 15px 0 25px 0;
	padding: 10px;
	background: #f6f6f6;
	font-size: 75%;
	line-height: 150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 630px;
}
html>body #container #mian-search .search-area {
	width: 630px;
}

#container #mian-search .search-area .sbox {
	margin: 0 0 10px 0;
}

.search-line {
	margin: 10px 0 25px 0;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ccc;
	font-size: 75%;
	line-height: 150%;
	text-align: right;
}

.search-title {
	width: 650px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	color: #ff6666;
	border-width: 0 0 1px 0;
	border-style: dashed ;
	border-color: #ff6666;
}

.search-error {
	width: 650px;
	font-size: 75%;
	line-height: 150%;
}

.red {
	color: #ff0000;
}

.speace {
	margin: 0 0 15px 0;
}