/* base
---------------*/

#bg {

}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/base/bg_main.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 5px;
}

#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#conteiner {
	background-image: url(../img/base/bg_main_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	padding-top: 16px;
	padding-bottom: 40px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

#main {
	width: 615px;
	float: left;
	padding-bottom: 40px;
	margin-left: 15px;
}

/*IE6用*/ 
* html #main {
	width: 615px;
	float: left;
	padding-bottom: 40px;
	margin-left: 8px;
}

#side {
	float: right;
	width: 300px;
	padding-top: 0px;
	margin-right: 15px;
	overflow: hidden; /*floatの解除*/ 
	position: relative; /*DWで正常にプレビュー*/ 
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/ 
}

/*IE6用*/ 
* html #side {
	float: right;
	width: 300px;
	padding-top: 0px;
	margin-right: 7.5px;
	overflow: hidden; /*floatの解除*/ 
	position: relative; /*DWで正常にプレビュー*/ 
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/ 
}


/* header
---------------*/

h1 {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 5px;
	width: 430px;
	text-align: right;
	letter-spacing: 1px;
	margin-right: 170px;
}

#header_menu {
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

#header_menu li {
	float: left;
}

.menu_btn a {
	display: block;
	background-image: url(../img/menu/btn_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_right {
	float: right;
	width: 600px;
	text-align: right;
}

.title {
	text-align: right;
}

.header_user {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../img/header/bg_user.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 162px;
	padding-right: 30px;
	float: right;
	height: 23px;
	margin-right: 5px;
	padding-top: 6px;
}

.header_vs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../img/header/bg_vs.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 139px;
	padding-right: 30px;
	float: right;
	height: 23px;
	margin-right: 5px;
	padding-top: 6px;
}

.header_kifu a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	float: right;
	margin-top: 10px;
}

#header_list {
	width: 600px;
	padding-top: 4px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

#header_list li {
	float: right;
}
#top_tag {
	background-image: url(../img/icon/tags_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	padding-bottom: 3px;
}



/* root
---------------*/


#root {
	font-size: 10px;
	letter-spacing: 0.1em;
	background-image: url(../img/base/bg_root.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 920px;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 45px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

.root_01 {
	background-image: url(../img/icon/root_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 25px;
	float: left;
}

.root_02 {
	background-image: url(../img/icon/root_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 35px;
	float: left;
}

/* side
---------------*/

.bnr_begginners a {
	background-image: url(../img/bnr/begginners_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 72px;
	width: 188px;
	padding-top: 38px;
	padding-left: 112px;
	display: block;
}

.bnr_begginners a:hover {
	background-position: left bottom;
}

.side_list_01 li {
	background-image: url(../img/hr_a.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
}

.side_list_01 a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 8px;
	background-image: url(../img/icon/link_01.gif);
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 29px;
	display: block;
	background-color: #FEF9F1;
}

.side_list_01 a:hover {
	background-color: #FFFBF4;
}

.side_list_02 li {
	background-image: url(../img/hr_a.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
}

.side_list_02 a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 8px;
	background-image: url(../img/icon/link_02.gif);
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 29px;
	display: block;
	background-color: #FEF9F1;
}

.side_list_02 a:hover {
	background-color: #FFFBF4;
}

.frame_300_top {
	background-image: url(../img/side/frame_300_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 298px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 13px;
}

.frame_300_bottom {
	background-image: url(../img/side/frame_300_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
}

*html body .frame_300_bottom {
	background-image: url(../img/side/frame_300_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	margin-bottom: -5px;
}

.twitter_top {
	background-image: url(../img/side/twitter_frame_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 298px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 13px;
}

.twitter_bottom {
	background-image: url(../img/side/title_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 300px;
}

.side_twitter a {
	font-size: 12px;
	line-height: 140%;
	background-image: url(../img/line_a.gif);
	background-repeat: repeat-y;
	background-position: right top;
	display: block;
	width: 130px;
	padding-right: 15px;
	padding-left: 0px;
	float: left;
}

.side_rss a {
	float: left;
	display: block;
	padding-left: 14px;
	width: 130px;
}

/* footer
---------------*/

#footer {
	background-image: url(../img/base/bg_02.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #CCCCCC;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	color: #333333;
	overflow: hidden; /*floatの解除*/ 
	position: relative; /*DWで正常にプレビュー*/ 
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/ 
}

#up {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.footer_left {
	float: left;
	width: 950px;
	font-size: 103%;
	line-height: 140%;
}


/* parts
---------------*/

.clear {
	clear: both;

}

.hr_a_01 {
	background-image: url(../img/hr_a.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 21px;
}

.hr_a_02 {
	background-image: url(../img/hr_a.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 1px;
}


.point_01 ul {
	padding-top: 10px;
	padding-bottom: 15px;
}


.point_01 li{
	background-image: url(../img/icon/point_01.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 10px;
}

.point_02 ul {
	padding-top: 10px;
	padding-bottom: 15px;
}

.point_02 li{
	background-image: url(../img/icon/point_02.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
}

.point_03 ul {
	padding-top: 20px;
	padding-bottom: 20px;
}


.point_03 li{
	background-image: url(../img/icon/point_03.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
	padding-bottom: 5px;
}

.padding_10 {
	padding: 10px;
}

.padding_15 {
	padding: 15px;
}

.padding_20 {
	padding: 20px;
}

/* top
---------------*/

.top_main_new {
	background-image: url(../img/top/new_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	margin-top: 15px;
	padding-left: 60px;
	margin-left: 15px;
}

.main_black {
	background-color: #000000;
	padding-bottom: 25px;
	color: #7A786B;
}

.top_main {
	background: url(../img/rotator/rotator.php);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFCC33;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 18px;
	padding-bottom: 25px;
}

.top_main_02 {
	padding-left: 20px;
	padding-right: 18px;
	padding-bottom: 25px;
}

.top_main_03 {
	background: url(../img/top/bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFCC33;
	padding-left: 20px;
	padding-right: 18px;
	padding-bottom: 25px;
}

.top_midashi {
	font-size: 110%;
	line-height: 160%;
	width: 416px;
	padding-left: 76px;
}

.top_midashi p {
	margin-left: 22px;
}

.top_midashi img {
	margin: 10px 0px 10px 0px;
}

.top_midashi_02 {
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
	width: 555px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.top_midashi_02 h3 {
	background-image: url(../img/top/mds_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 101px;
	width: 342px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.qr_frame {
	background-image: url(../img/top/qe_frame.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 500px;
	height: 220px;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
	line-height: 200%;
}


/* page
---------------*/

.circle_box_title_h3 h3 {
	background-image: url(../img/page/title_bg_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

.circle_box_midashi {
	background-image: url(../img/page/bg_midashi_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.circle_box_space {
	background-image: url(../img/page/bg_frame_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

.circle_box {
	background-image: url(../img/page/bg_frame_middle.gif);
	background-repeat: repeat-y;
}

.circle_box_title_h2 h2 {
	background-image: url(../img/page/title_bg_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 25px;
	color: #FF3300;
	height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFBE2E;
}

.page_midashi_01 {
	background-color: #FF8E2B;
	padding: 5px;
	width: 120px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	text-align: center;
	float: left;
	background-image: url(../img/page/bg_midashi_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 7px;
}

.page_midashi_01 h4 {
	font-size: 14px;
	font-weight: bold;
}

.page_midashi_02 {
	background-color: #FFC42C;
	padding: 5px;
	width: 120px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	text-align: center;
	float: left;
	background-image: url(../img/page/bg_midashi_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 7px;
}

.page_midashi_02 h4 {
	font-size: 14px;
	font-weight: bold;
}

.page_data {
	float: right;
	width: 400px;
	line-height: 160%;
}


/* wailing
---------------*/

.walk_frame {
	background-image: url(../img/walking/flame_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 1px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.walk_step_01 h3 {
	background-image: url(../img/walking/step_01.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_02 h3 {
	background-image: url(../img/walking/step_02.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_03 h3 {
	background-image: url(../img/walking/step_03.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_04 h3 {
	background-image: url(../img/walking/step_04.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_05 h3 {
	background-image: url(../img/walking/step_05.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_06 h3 {
	background-image: url(../img/walking/step_06.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_07 h3 {
	background-image: url(../img/walking/step_07.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_08 h3 {
	background-image: url(../img/walking/step_08.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

.walk_step_09 h3 {
	background-image: url(../img/walking/step_09.gif);
	text-indent: -9999px;
	height: 41px;
	width: 615px;
}

/* twitter
---------------*/

.twitter_box {
	background-image: url(../img/page/bg_twitter_middle.gif);
	background-repeat: repeat-y;
}

.twitter_box_title_h3 h3 {
	background-image: url(../img/page/title_bg_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	color: #009FFF;
	padding-left: 55px;
}

.twitter_box_space {
	background-image: url(../img/page/bg_twitter_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

/* link
---------------*/

.link_list {
	line-height: 140%;
}

.link_list li {
	padding-top: 8px;
	padding-bottom: 9px;
}

.link_list a {
	background-image: url(../img/icon/link_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	display: block;
}

.link_a {
	background-image: url(../img/page/bg_form_btn.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding-top: 8px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #EBEBEB;
	display: block;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 185px;
	text-align: center;
}

.info_box {
	background-image: url(../img/hr_a.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
	overflow: hidden; /*floatの解除*/ 
	position: relative; /*DWで正常にプレビュー*/ 
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/ 
}

.info_box_right {
	float: right;
	width: 150px;
}

.info_box_left {
	float: left;
	width: 400px;
	background-image: url(../img/line_a.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 10px;
	line-height: 160%;
	margin-top: 5px;
}



/* blog
---------------*/

.darkred-right {
 color:#A29770;
	padding:0px;
	float:right;
}

.number_no {
	text-align:center;
	width:33px;
	font-size:16px;
	line-height:100%;
	display: block;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	font-weight: bold;
	background-color: #cccccc;
	color: #ffffff;
}

.number a{
	text-align:center;
	width:33px;
	font-size:16px;
	line-height:100%;
	display: block;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	font-weight: normal;
	background-image: url(../img/number-bg.jpg);
	background-position: left bottom;
}

.number a:hover{
	background-position: left bottom;
}

.dc_box {
	margin-bottom: 6px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

*html body .dc_box {
	margin-bottom: -8px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

.dc_box a {
	background-image: url(../img/blog/bg_box_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 6px;
	display: block;
	width: 579px;
	padding: 18px;
	height: 122px;
	color: #40372B;
}

.dc_box a:hover {
	color: #8C785E;
}

.dc_box h4 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

.dc_box img {
	float: left;
	margin-right: 10px;
}


.blog_box {
	margin-bottom: 6px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

*html body .blog_box {
	margin-bottom: -8px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
}

.blog_box a {
	background-image: url(../img/blog/bg_box_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 6px;
	display: block;
	width: 579px;
	padding: 18px;
	height: 122px;
	color: #40372B;
}

.blog_box a:hover {
	color: #8C785E;
}

.blog_box h4 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

.blog_box img {
	float: left;
	margin-right: 10px;
}

.blog_tag {
	position: absolute;
	margin-top: 103px;
	text-align: right;
	width: 480px;
}

*html body .blog_tag {
	position: absolute;
	margin-top: 103px;
	text-align: right;
	width: 340px;
}

*+html .blog_tag {
	position: absolute;
	margin-top: 103px;
	text-align: right;
	width: 340px;
}

.blog_tags {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	background-image: url(../img/icon/tags.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 5px 0px 0px 0px ;
}


/* other
---------------*/

.game_frame_box {
	background-image: url(../img/page/game_frame_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 282px;
}

.game_box_bottom {
	background-image: url(../img/page/game_frame_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 282px;
	background-position: left bottom;
}

.walking_main {
	background-color: #0099FF;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 18px;
	color: #FFFFFF;
	padding-bottom: 25px;
}

.side_time {
	padding-right: 10px;
}


/* kt
---------------*/

.kt_box {
	border: 1px solid #DDDDDD;
	padding: 5px;
	background-color: #FFFFFF;
	margin-top: 15px;
}

.kt_box_flash {
	text-align: center;
}

.kt_box_data {
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
	margin-top: 15px;
}

.kt_box_data_qr {
	padding: 8px;
	border: 1px solid #CCCCCC;
	float: right;
}

.kt_box_no_flash a {
	background-image: url(../kifplayer/no_flash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 54px;
	width: 330px;
	position: absolute;
	display: block;
	margin-top: 453px;
	margin-left: 18px;
}

.dp_box {
	float: left;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	width: 130px;
}

.dt_title {
	float: left;
	padding-bottom: 8px;
	font-size: 10px;
	padding-top: 5px;
}