/* 全体部分 */
body{
	font-size					:13px;
	text-align					:center;
	background-attachment		:fixed;
	margin-top					:0px;
	margin-bottom				:0px;
	margin-left					:auto;
	margin-right				:auto;
}

#area{
	width						:100%;
	height						:auto;
	text-align					:center;
	margin-left					:auto;
	margin-right				:auto;
	margin-top					:0px;
}
#container{
	width						:750px;
	text-align					:left;
	margin-top					:0px;
	margin-left					:auto;
	margin-right				:auto;
	background-color			:#ffffff;
}
#top{
	height						:28px;
	background-image			:url(./img/top_bg.gif);
	background-color			:#ffffff;
	background-repeat			:repeat-x;
	background-attachment		:fixed;
	margin						:0px;
}
#topBox{
	width						:100%;
	height						:28px;
	margin-left					:auto;
	margin-right				:auto;
	clear						:left;
	margin-bottom				:0px;
}
#topLeft{
	margin-left					:10px;
	width						:30%;
	float						:left;
	height						:28px;
	text-align					:left;
	margin-bottom				:0px;

}
#topCenter{
	width						:37%;
	float						:left;
	height						:28px;
	margin-bottom				:0px;

}
#topRight{
	width						:30%;
	float						:left;
	height						:24px;
	padding-top					:4px;
	text-align					:right;
	margin-bottom				:0px;

}
#header{
	width						:750px;
	margin-top					:0px;
	margin-bottom				:15px;
}
#pageBody{
	width						:750px;
	background-color			:#ffffff;
}
#blog{
	float						:left;
	width						:500px;
	background-color			:#ffffff;
	overflow					:visible;
}
#sidebarRight{
	float						:left;
	width						:250px;
	background-color			:#ffffff;
	margin						:0px;
}
#footer{
	clear						:left;
	width						:750px;
	height						:70px;
	border						:hidden;
}
#header:after{
	content						:".";
	display						:block;
	height						:0px;
	clear						:both;
	visibility					:hidden;
}
/*　ボックスの最後でfloatをクリア */
#pageBody:after{
	content						:".";
	display						:block;
	height						:0px;
	clear						:left;
	visibility					:hidden;
}

/* ヘッダ部分 */
#headTitle{
	width						:750px;
	height						:200px;
	background-image			:url(./img/top.jpg);
	background-color			:#ffffff;
	background-repeat			:no-repeat;
	background-position			:100% 0%
}
#headTitleMain{
	padding-top					:10px;
	padding-left				:10px;
}
#headTitleMain a:link{
	color						:#333333;
}
#headTitleMain a:visited{
	color						:#333333;
}
#headTitleMain a:active{
	color						:#333333;
}
#headTitleMain a:hover{
	color						:#333333;
	text-decoration				:none;
}
#headTitleSub{
	padding-top					:8px;
	padding-left				:16px;
}
#mapBody{
	margin-top					:10px;
	width						:750px;
}
#viewTop{}
#mapView{
	float						:left;
	/*
	width						:490px;
	height						:240px;
	*/
	margin-left					:5px;
}
#viewBottom{}
#mapNavi{
	float						:left;
	width						:177px;
	height						:220px;
	margin-top					:10px;
	margin-left					:40px;
	margin-bottom				:10px;
	background-color			:#ffffff;
}
#mapView iframe{

	border						:hidden;
	border-color				:#eeeeee;
	background-color			:#eeeeee;
	/*
	margin						:10px;
	width						:470px;
	height						:220px;
	*/
}
/* ブログ表示部分 */
.blogBody{
	background-color			:#ffffff;
	width						:470px;
	margin						:10px 0px 0px 10px;
	text-align					:left;
	border-style				:solid;		/* 枠の形 */
	border-bottom-width			:0px;		/* 下の枠 */
	border-top-width			:1px;		/* 下の枠 */
	border-right-width			:1px;		/* 下の枠 */
	border-left-width			:1px;		/* 下の枠 */
	border-color				:#eeeeee;
}
.blogHeader{
	width						:465px;
	margin						:0px 0px 0px 0px;
	border-bottom				:solid 1px #eeeeee;		/* 下の枠 */
	border-right-width			:0px;
	border-left					:solid 5px #FFA500;
	border-top					:solid 3px #FFA500;
}
.blogDate{
	width						:465px;
	height						:20px;
	font-size					:17px;
	font-weight					:bold;
	padding						:7px 0px 2px 3px;
}
.blogText{
	margin-top					:10px;
	width						:470px;
	border-bottom				:solid 1px #eeeeee;
}
.textHeader{
	margin						:0px 0px 0px 10px;
	width						:460px;
	height						:60px;
}
.titleImg{
	z-index						:1;
	width						:50px;
	height						:50px;
	float						:left;
}
.textTitle{
	float						:left;
	font-weight					:bold;
	font-size					:14px;
	padding-top					:15px;
	padding-left				:5px;
	width						:353px;
}
.textTitleN{
	float						:left;
	font-weight					:bold;
	font-size					:14px;
	padding-top					:15px;
	padding-left				:5px;
	width						:403px;
}
.textTitleY{
	float						:left;
	font-weight					:bold;
	font-size					:14px;
	padding-top					:15px;
	padding-left				:5px;
	width						:353px;
}
.blogRank{
	float						:left;
	background					:#ffffff;
	text-align					:left;
	width						:52px;
	height						:35px;
	padding-top					:15px;
}
.titleGenre{
	clear						:left;
	width						:440px;
	height						:12px;
	margin-right				:20px;
	text-align					:right;
	font-size					:11px;
	color						:#999999;
}
.textMain{
	width						:440px;
	background					:#ffffff;
	text-align					:left;
	margin						:10px 0px 30px 30px;
	clear						:left;
}
.textWriter{
	text-align					:right;
	margin						:5px 8px 6px 15px;
}
.textFooter{
	background					:#ffffff;
	text-align					:right;
	margin						:5px 5px 12px 15px;
}

#blogNext{
	background					:#ffffff;
	margin-top					:15px;
	width						:480px;
	height						:20px;
}
#blogNextLeft{
	background					:#ffffff;
	margin-left					:20px;
	width						:380px;
	height						:20px;
	float						:left;
}
#blogNextRight{
	float						:left;
	width						:50px;
	height						:20px;
	text-align					:center;
	background					:#ffffff;
}
#blogNext:after{
	content						:".";
	display						:block;
	height						:0px;
	clear						:left;
	visibility					:hidden;
}
#viewNavi{
	width						:460px;
	margin-top					:8px;
	margin-left					:15px;
	text-align					:right;
}
#tbView{
	width						:450px;
	margin-top					:15px;
	margin-left					:15px;
	margin-right				:15px;
}
.colTitle{
	width						:440px;
	font-weight					:bold;
	font-size					:14px;
	margin-top					:10px;
	margin-left					:10px;
	margin-bottom				:10px;
	clear						:left;
}
#tbAddress{
	text-align					:center;
	width						:435px;
	margin						:0px 0px 20px 15px;
	border						:solid 2px #eeeeee
}

.tbListTable{
	width						:430px;
	margin-left					:20px;
	margin-bottom				:15px;
	border-bottom				:solid 2px #eeeeee;
}
.tbListText{
	width						:415px;
	margin-left					:15px;
}
.tbListFooter{
	width						:405px;
	margin-top					:8px;
	margin-left					:15px;
	margin-right				:10px;
	margin-bottom				:8px;
	text-align					:right;
}
.tbTable{
	clear						:left;
	width						:430px;
	margin-left					:20px;
	margin-bottom				:15px;
	border-bottom				:solid 2px #eeeeee;
}
.tbText{
	width						:415px;
	margin-left					:15px;
}
.tbFooter{
	width						:405px;
	margin-top					:8px;
	margin-left					:15px;
	margin-left					:15px;
	margin-bottom				:8px;
	text-align					:right;
}
#commentTitle{
	width						:160px;
	margin-top					:10px;
	margin-bottom				:10px;
	float						:left;
}
#commentGuide{
	float						:left;
	font-size					:12px;
	width						:280px;
	margin-top					:12px;
	margin-bottom				:10px;
}

#commentView{
	width						:450px;
	margin-top					:5px;
	margin-left					:15px;
	margin-right				:15px;
	margin-bottom				:15px;
}
.commentTable{
	clear						:left;
	width						:430px;
	margin-left					:20px;
	margin-bottom				:15px;
	border-bottom				:solid 2px #eeeeee;
}
.commentText{
	width						:415px;
	margin-left					:15px;
}
.commentFooter{
	width						:405px;
	margin-top					:8px;
	margin-left					:15px;
	margin-left					:15px;
	margin-bottom				:8px;
	text-align					:right;
}
#commentForm{
	width						:430px;
	margin-left					:20px;
}
#commentInputBox{
	width						:430px;
	height						:100px;
}
.commentInputHead{
	width						:100px;
	float						:left;
	text-align					:right;
}
.commentInputArea{
}
.commentInputArea:after{
	clear						:left;
}
#commentInputMain{
	width						:430px;
	height						:125px;
}
#commentSubmit{
	width						:430px;
	text-align					:right;
}
/* サイドバー部分 */
.sideBody{
	width						:228px;
	margin						:0px 10px 18px;
}
.sideTitle{
	height						:60px;
}
.sideName{
	width						:210px;
	position					:absolute;
	left						:-999px;
	padding-top					:47px;
	padding-left				:30px;
	color						:white;
	font-size					:12px;
	text-align					:left;
}
.sideMainTop{}
.sideMainUl{
	color						:#333333;
	font-size					:12px;
	text-align					:left;
	line-height					:150%;
	margin						:5px 0px 10px 0px;
}
.sideMain{
	color						:#333333;
	font-size					:12px;
	text-align					:left;
	line-height					:150%;
	margin						:5px 30px 10px 30px;
}
.sideBottom{}
#sidebarEnd{
	margin						:10px 30px 10px;
	text-align					:center;
}
#sbEndLeft{
	float						:left;
	margin-left					:0px;
}
#sbEndRight{
	float						:left;
	margin-left					:30px;
}
#jsgi{
	margin-top					:5px;
	margin-bottom				:10px;
}
#rss{
	margin-top					:14px;
}
.cyberjapan{
	margin-top					:10px;
}

#cyberjapan{
	width						:57px;
	height						:54px;
}


/* 投票画面CSSの追記 */
#box1{
	background-image			:url(./img/background.jpg);
	background-color			:#ffffff;
	background-repeat			:repeat-x;
	background-attachment		:fixed;
	height						:100%;
}

#box2{
	margin-top				:80px;
	margin-left				:auto;
	margin-right			:auto;
	margin-bottom			:auto;
	width					:300px;
	height					:200px;
	background-color: #ffffff;
	text-align:center;
	border: 2px;
	border-style: solid;
	border-color: #cccccc;
}

#box3{
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	font-size: 14px;
}
/*
画像関係の拡張

*/
.photoArea{
	width				:470px;
	margin-left			:10px;
	margin-right		:auto;
	clear				:both
}

.photo1{
	float				:left;
	width				:120px;
	margin-left			:20px;

}
.photo2{
	margin-left			:20px;
	margin-right		:20px;
	float				:left;
	width				:120px;


}
.photo3{
	float				:left;
	width				:120px;
}