@charset "UTF-8";

/*
########################################################################
########################################################################
*/

@import url("share.css");
@import url("parts.css");

/* CONTAINER					##################################### */
div#container{
	margin:  0px auto 0px auto; 
	background: url('../i/share/footer/footer_bg.gif') repeat-x bottom center;
}
	.clear{clear: both;}

div#content{
	margin: 0px auto 0px auto; 
	width: 760px;
}


/* CONTAINER					##################################### */
div#box-seo{
	background: url('../i/share/header/seo_bg.gif') no-repeat;
	height: 20px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}
	div#box-seo strong{
		font-weight: normal;
		margin-right: 0px;
	}
	div#box-seo ul{
		float: right;
		margin-right: -5px;
	}
	div#box-seo ul li{
		display: inline;
		border-right: 1px solid #9f9f9f;
		padding: 0 5px;
	}


/* HEADER						##################################### */
div#header{
	clear: both; position: absolute; top: 25px;
	width: 760px; height: 122px;
}
	div#header div#header-main{
		height: 60px;
	}
		div#header div#header-main a.back-home{
			float: left;
			margin: 30px 0 0 5px;
			font-size: 0.8em;
		}
	div#header h1#logo{
		float: left;
	}
		div#header h1#logo a{
			display: block;
			width: 210px; height: 60px;
			background: url('../i/share/header/logo.gif') no-repeat;
			text-indent: -9999px;
		}
	/* box-account */
	div#header-main div#box-account{
		float: right;
		width: 465px; height: 60px;
		background: url('../i/share/header/account_bg.gif') no-repeat;
		font-size: 12px;
	}
		/* btn-signup */
		div#header-main div#box-account a.btn-signup{
			display: block;
			float: left;
			margin: 11px 0 0 14px;
			width: 83px; height: 38px;
			background: url('../i/share/header/btn_signup.gif') no-repeat;
			text-indent: -9999px;
		}
		div#header-main div#box-account a:hover.btn-signup{
			background-position: left bottom;
		}
		div#header-main div#box-account form{
			margin: 11px 0 0 110px;
			width: 345px; height: 38px;
		}
			div#header-main div#box-account form div{
				display: inline;
				float: left;
				margin-right: 10px;
			}
			div#header-main div#box-account form input.form-id{
				width: 140px;
			}
			div#header-main div#box-account form input.form-pass{
				width: 105px;
			}
			/* btn-login */
			div#header-main div#box-account form input.btn-login{
				float: right;
				width: 70px; height: 38px;
				background: url('../i/share/header/btn_login.gif') no-repeat;
				border: none;
				text-indent: -9999px;
				cursor: pointer;
			}
			div#header-main div#box-account form input:hover.btn-login{
				background-position: left bottom;
			}
			div#box-account div#account-message{
				margin: 10px 0 0 15px;
				height: 23px;
			}
				div#account-message p{
					padding-top: 2px;
				
				}
				div#account-message a.btn-logout{
					display: block;
					float: right;
					margin: 0 5px 0 0;
					width:70px ; height:23px;
					background: url("../i/share/header/btn_logout.gif") no-repeat;
					text-indent: -9999px;
				}
				div#account-message a:hover.btn-logout{
					background-position: left bottom;
				}
			div#box-account ul#account-link{
				margin: 2px 0 0 15px;
				overflow: hidden;
			}
				div#box-account ul#account-link li{
					float: left;
					margin-right: 8px;
				}
				div#box-account ul#account-link li a{
					display: block;
					height: 12px;
					text-indent: -9999px;
					font-size: 0;
					background: no-repeat;
				}
				div#box-account ul#account-link li a:hover{
					background-position: left bottom;
				}
				div#box-account ul#account-link li a#utlink01{
					width: 72px;
					background-image: url("../i/share/header/utlink01.gif");
				}
				div#box-account ul#account-link li a#utlink02{
					width: 118px;
					background-image: url("../i/share/header/utlink02.gif");
				}
				div#box-account ul#account-link li a#utlink03{
					width: 118px;
					background-image: url("../i/share/header/utlink03.gif");
				}
				div#box-account ul#account-link li a#utlink04{
					width: 38px;
					background-image: url("../i/share/header/utlink04.gif");
				}
	/* header-menu */
	div#header ul#global-menu{
		clear: both;
		height: 35px;
		overflow: hidden;
		list-style: none none;
	}
		div#header ul#global-menu li{
			float: left;
		}
		div#header ul#global-menu li a{
			display: block;
			height: 35px;
			text-indent: -9999px;
		}
		ul#global-menu li#gm-beginner a{
			width: 168px;
			background: url('../i/share/header/globalmenu_beginner.gif') no-repeat;
		}
		ul#global-menu li#gm-beginner a:hover{
			background-position: left bottom;
		}
		ul#global-menu li#gm-list a{
			width: 88px;
			background: url('../i/share/header/globalmenu_list.gif') no-repeat;
		}
		ul#global-menu li#gm-list a:hover{
			background-position: left bottom;
		}
		ul#global-menu li#gm-writer a{
			width: 169px;
			background: url('../i/share/header/globalmenu_writer.gif') no-repeat;
		}
		ul#global-menu li#gm-writer a:hover{
			background-position: left bottom;
		}
		ul#global-menu li#gm-howto a{
			width: 168px;
			background: url('../i/share/header/globalmenu_howto.gif') no-repeat;
		}
		ul#global-menu li#gm-howto a:hover{
			background-position: left bottom;
		}
		ul#global-menu li#gm-blog a{
			width: 167px;
			background: url('../i/share/header/globalmenu_blog.gif') no-repeat;
		}
		ul#global-menu li#gm-blog a:hover{
			background-position: left bottom;
		}



/* BODY							##################################### */
div#main{
	margin-top: 95px;
	overflow: hidden;
}
	div#main div#box-topimage{
		width: 760px; height: height: 153px;
		margin-bottom: 10px;
	}
	div#main div#box-top{
		width: 760px;
		margin: 0px;
	}

/* COL-MAIN						##################################### */
div#main div#col-main{
	clear: both;
	float: left;
	width: 550px;
	overflow: hidden;
	margin-top: 0px;
}
	/* img-gray */	
	div#img-gray{
		width: 550px; height: 120px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	div#col-main div.box-content{
		clear: both;
		width: 550px;
		margin-top: 10px;
		margin-bottom: 20px;
		background: url('../i/share/box_content_bg.gif') repeat-y;
	}
		div.box-content div.content-bottom{
			clear: both;
			height: 5px;
			background: url('../i/share/box_content_bottom.gif') no-repeat left bottom;
			font-size: 0;
		}
		div.box-content div.box-story{
			overflow: hidden;
		}
		div.box-content h3{
			width: 550px; height: 34px;
			background: url(../i/share/h3_bg.gif) no-repeat;
		}
		div.box-content div.box-story-frame{
			margin: 10px auto;
			width: 528px;
			background: url(../i/share/box_big_in.gif) repeat-y;
		}
			div.box-content div.box-story-frame div.story-frame-top{
				clear: both;
				height: 5px;
				background: url(../i/share/box_big_top.gif) no-repeat;
				font-size: 0;
			}	
			div.box-story-frame div.story-frame-bottom{
				clear: both;
				height: 5px;
				background: url('../i/share/box_big_bottom.gif') no-repeat left bottom;
				font-size: 0;
			}
			div.box-story-frame div.story-frame-in{
				padding: 10px;
			}
			div.box-content div.box-story-frame div.story-frame-in-no{
				padding: 2px;
			}	

		/* book-info */
		dl.book-info{
			margin: 5px 10px;
			font-size: 0.8em;
			overflow: hidden;
		}
			dl.book-info dt{
				display: inline;
				background: #e5e5e5;
			}
			dl.book-info dd{
				margin-bottom: 5px;
			}



		div.l-left,
		div.l-right{
			float: left;
			margin: 0 0 0 10px;
			width: 60px;
		}

		* html div.l-left{
			float: left;
			margin: 0 0 0 5px;
			width: 60px;
		}/* for IE6 */

		* html div.l-right{
			float: left;
			margin: 0 0 0 10px;
			width: 60px;
		}/* for IE6 */

		div.l-left dl.book-info,
		div.l-right dl.book-info{
			margin: 0;
		}


	/* box-whatsnew */
	div#col-main div#box-whatsnew{
		background: none;
		margin-top:10px;
	}

	div#box-whatsnew div.box-story{
		padding: 5px 10px 10px 10px;
		height: 60px;
		background: url(../i/share/whatsnew_bg.gif) no-repeat left bottom;
	}
	div#box-whatsnew h3{
		background: url(../i/share/h3_bg_whatsnew.gif) no-repeat left top;
		text-indent: -9999px;
		height: 34px;
	}


	/* box-newbooks */
	div#col-main div#box-newbooks{
	}
	div#box-newbooks div.box-story{
		padding: 10px;
	}
	div#box-newbooks h3{
		background: url(../i/share/h3_bg_newbooks.gif) no-repeat;
		text-indent: -9999px;
	}
	div#box-newbooks ul.goods-3y{
		overflow: hidden;
		margin-left: 5px;
	}
		ul.goods-3y li{
			float: left;
			margin: 0 5px 5px 0px;
			width: 170px; height: 320px;
			background: url(../i/share/box_small_bg.gif) no-repeat;
			overflow: hidden;
		}
		ul.goods-3y li.li-last{
			margin-right: 0;
		}
		ul.goods-3y li h4{
			padding-top: 7px;
			padding-right: 0px;
			padding-bottom: 2px;
			padding-left: 7px;
			width: 158px; 
			background: url(../i/share/box_small_h4.gif) no-repeat;
			font-size: 12px;
		}
		ul.goods-3y li h4 a{
			padding: 0px 20px 5px 20px;
			background: url(../i/share/pt_square.gif) no-repeat left 1px;
		}
		ul.goods-3y li img{
			display: block;
			margin: 5px auto;
			border:solid 1px #eeeeee;
		}

	/* box-pickup */
	div#col-main div#box-pickup{
	}
	div#box-pickup div.box-story{
		overflow: hidden;
	}
	div#box-pickup h3{
		background: url(../i/share/h3_bg_pickup.gif) no-repeat;
		text-indent: -9999px;
	}
	div#box-pickup div.box-story ul.goods-list{
		margin: 10px auto;
		width: 528px;
		background: url(../i/share/box_big_body.gif) repeat-y #fff;
		overflow: hidden;
	}
	div#box-pickup div.box-story ul.goods-list li.li-head{
		background: url(../i/share/box_big_top.gif) no-repeat;
		clear: both;
	}

	/* goods-detail-3y */
	div#box-pickup ul.goods-detail-3y{
		overflow: hidden;
		border-bottom: 1px solid #eaeaea;
	}
	div#box-pickup ul.li-last{
		background: url(../i/share/box_big_bottom.gif) no-repeat left bottom;
		border-bottom: none;
	}
		div#box-pickup ul.goods-detail-3y li.first{
			float: left;
			width: 150px;
		}
		div#box-pickup ul.goods-detail-3y li.first img{
			margin: 10px;
		}
		div#box-pickup ul.goods-detail-3y li.second{
			float: left;
			padding: 10px 10px 10px 10px;
			width: 260px;
			line-height: 1.5;}

		div#box-pickup ul.goods-detail-3y li.second p{
			line-height: 180%;
		}
		div#box-pickup ul.goods-detail-3y li.last{
			float: left;
			padding-top: 10px;
			width: 90px;
		}

	div#box-pickup div.box-story ul.goods-list li.li-head ul.goods-detail-3y li img{
			border:solid 1px #eeeeee;
	}


	/* box-rookie */
	div#col-main div#box-rookie{
	}
	div#box-rookie div.box-story{
		overflow: hidden;
	}
	div#box-rookie h3{
		background: url(../i/share/h3_bg_rookie.gif) no-repeat;
		text-indent: -9999px;
	}
	div#box-rookie div.box-story ul.goods-list{
		margin: 10px auto;
		width: 528px;
		background: url(../i/share/box_big_body.gif) repeat-y #fff;
		overflow: hidden;
	}
	div#box-rookie div.box-story ul.goods-list li.li-head{
		background: url(../i/share/box_big_top.gif) no-repeat;
		clear: both;
	}

	/* goods-detail-3y */
	div#box-rookie ul.goods-detail-3y{
		overflow: hidden;
		border-bottom: 1px solid #eaeaea;
	}
	div#box-rookie ul.li-last{
		background: url(../i/share/box_big_bottom.gif) no-repeat left bottom;
		border-bottom: none;
	}
		div#box-rookie ul.goods-detail-3y li.first{
			float: left;
			width: 150px;
		}
		div#box-rookie ul.goods-detail-3y li.first img{
			margin: 10px;
		}
		div#box-rookie ul.goods-detail-3y li.second{
			float: left;
			padding: 10px 10px 10px 10px;
			width: 260px;
			line-height: 1.5;}

		div#box-rookie ul.goods-detail-3y li.second p{
			line-height: 180%;
		}
		div#box-rookie ul.goods-detail-3y li.last{
			float: left;
			padding-top: 10px;
			width: 90px;
		}

	div#box-rookie div.box-story ul.goods-list li.li-head ul.goods-detail-3y li img{
			border:solid 1px #eeeeee;
	}


	/* box-best3 */
	div#col-main div#box-best3{
	}
	div#box-best3 div.box-story{
		padding: 10px;
	}
	div#box-best3 h3{
		background: url(../i/share/h3_bg_best3.gif) no-repeat;
		text-indent: -9999px;
	}
	div#box-best3 ul.goods-3y{
		overflow: hidden;
	}
	div#box-best3 ul.rank-3y{
		overflow: hidden;
	}
		ul.rank-3y li{
			float: left;
			margin: 0 10px 5px 0;
			width: 170px;
			overflow: hidden;
		}
		ul.rank-3y li.li-last{
			margin-right: 0;
		}
		ul.rank-3y li.rank1,
		ul.rank-3y li.rank2,
		ul.rank-3y li.rank3{
			height: 30px;
			background: url(../i/body/ranking/rank1.gif) no-repeat;
			text-indent: -9999px;
		}
		ul.rank-3y li.rank2{
			background-image: url(../i/body/ranking/rank2.gif);
		}
		ul.rank-3y li.rank3{
			background-image: url(../i/body/ranking/rank3.gif);
		}



	/* box-goodsdetail */
	div#box-goodsdetail{
	}
		div#box-goodsdetail h3{
			padding: 10px 0 0 10px;
			width: 539px; height: 24px;
		}

/* topicpath */	
div#topicpath{
	background: url('../i/share/bg_topicpath.gif') no-repeat ;
	width: 550px; height: 31px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size:12px;
	padding: 0px;
}	
div#topicpath ul{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 10px;
		list-style-type: none;
}
div#topicpath ul li{
		float: left;
		font-size:12px;
		margin: 8px 10px 8px 0px;
		padding-left: 15px;
		background : url('../i/share/bg_topicpath_arrow.gif') no-repeat ;
}

/* topicpath2 */
div#topicpath2{
	background: url('../i/share/bg_topicpath2.gif') no-repeat ;
	width: 760px; height: 31px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}	

div#topicpath2 ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		list-style-type: none;
}
div#topicpath2 ul li{
		float: left;
		font-size:12px;
		margin: 8px 10px 8px 0px;
		padding-left: 15px;
		background : url('../i/share/bg_topicpath_arrow.gif') no-repeat ;
}

/* topicpath3 */
div#topicpath3{
	background: url('../i/share/bg_topicpath3.gif') no-repeat ;
	width: 550px; height: 31px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size:12px;
	padding: 0px;
}	
div#topicpath3 ul{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 10px;
		list-style-type: none;
}

div#topicpath3 ul li{
		float: left;
		font-size:12px;
		margin: 8px 10px 8px 0px;
		padding-left: 15px;
		background : url('../i/share/bg_topicpath_arrow.gif') no-repeat ;
}



/* col-main2 */
div#main div#col-main2{
	width: 760px;
}

	/* box-content2 */
	div#col-main2 div.box-content2{
		clear: both;
		width: 760px;
		margin-top: 10px;
		margin-bottom: 20px;
		background: url(../i/share/box_content_bg2.gif) repeat-y;
	}		
		div.box-content2 div.content-bottom{
			clear: both;
			height: 5px;
			background: url(../i/share/box_content_bottom2.gif) no-repeat left bottom;
			font-size: 0;
		}
		div.box-content2 div.box-story{
			overflow: hidden;
		}
		div.box-content2 h3{
			height: 34px;
		}
		div.box-content2 div.box-story-frame{
			margin: 10px auto;
			width: 738px;
			background: url(../i/share/box_big_in2.gif) repeat-y;
		}
		div.box-content2 div.box-story-frame div.story-frame-top{
			clear: both;
			height: 5px;
			background: url(../i/share/box_big_top2.gif) no-repeat;
			font-size: 0;
		}
		div.box-content2 div.box-story-frame div.story-frame-bottom{
			clear: both;
			height: 5px;
			background: url(../i/share/box_big_bottom2.gif) no-repeat left bottom;
			font-size: 0;
		}
			div.box-story-frame div.story-frame-in{
				padding: 10px 5px;
			}
			
			div.box-story-frame div.story-frame-in p.notice{
				color: #9a9a9a;
				font-size: 0.8em;
			}
			div.box-story-frame div.story-frame-in p, 
			div.box-story-frame div.story-frame-in p.bold,
			div.box-story-frame div.story-frame-in p.notice{
				margin-left: 5px;
				line-height: 1.4;
			}
			div.box-story-frame div.story-frame-in div.hr{
				margin: 10px 0 20px 0; padding: 0;
				border-top: 1px solid #eaeaea;
				font-size: 0;
			}


	/* box-content-white */
	div#col-main2 div.box-content-white{
		clear: both;
		width: 760px;
		margin-top: 10px;
		margin-bottom: 20px;
		background: url(../i/share/box_content_bg_white.gif) repeat-y;
	}		
		div.box-content-white div.content-bottom{
			clear: both;
			height: 10px;
			background: url(../i/share/box_content_bottom_white.gif) no-repeat;
		}
		div.box-content-white div.box-story{
			overflow: hidden;
		}
		div.box-content-white h3{
			width: 760px; height: 34px;
		}

			
			div.box-story-frame div.story-frame-in p.bold{
				font-weight: bold;
			}
			div.box-story-frame div.story-frame-in p, 
			div.box-story-frame div.story-frame-in p.bold{
				margin-left: 5px;
			}



/* COL-NAVI						##################################### */
div#main div#col-navi{
	float: right;
	width: 190px;
	margin-top: 10px;
}

	/* a-banner */
	a.a-banner{
		display: block;
		margin: 10px 0;
	}

	/* btn-list */
	a.btn-list{
		float: right;
		display: block;
		margin: 8px 5px;
		width: 52px; height: 40px;
		background: url(../i/share/navi/btn_list.gif) no-repeat;
		text-indent: -9999px;
	}
	a:hover.btn-list{
		background-position: left bottom;			
	}

	/* box-right-search */
	div#box-right-search{
		margin: 10px 0;
		width: 190px; height: 86px;
		background: url(../i/share/navi/box_search.gif) no-repeat;
	}
		div#box-right-search h3{
			text-indent: -9999px;
			height: 35px;
		}
		div#box-right-search form{
			margin: 10px;
		}
		div#box-right-search input{
			margin-right: 3px;
			width: 85px;
		}
		div#box-right-search button{
			margin: 0; padding: 0;
			width: 70px; height: 24px;
			background: url(../i/share/navi/btn_search.gif) no-repeat;
			border: none;
			text-indent: -9999px;
		}
		div#box-right-search button:hover{
			background-position: left bottom;
		}

	/* box-search-genre */
	div#box-search-genre{
		margin: 10px 0;
		width: 190px;
	}
		div#box-search-genre div.box-bar{
			width: 190x; height: 56px;
			background: url(../i/share/navi/bar_genre.gif) no-repeat;
			overflow: hidden;
		}
		div#box-search-genre h3{
			float: left;
			width: 0;
			text-indent: -9999px;
		}
		div#box-search-genre ul{
			background: #eee;
			border: 1px solid #e5e5e5;
			margin: 0px;
			padding: 0px;
		}
		div#box-search-genre ul li{
			height: 30px;
			background: url(../i/share/navi/box_right_line.gif) no-repeat left bottom;
			margin: 0px;
			padding: 0px;
		}
		div#box-search-genre ul li a{
			display: block;
			margin: 0px;
			padding: 8px 5px 8px 15px;
		}
		div#box-search-genre ul li a:hover{
			background: #f8f7f7;
			margin: 0px;
		}

	/* box-search-tag */
	div#box-search-tag{
		margin: 10px 0;
		width: 190px;
	}
		div#box-search-tag div.box-bar{
			width: 190x; height: 56px;
			background: url(../i/share/navi/bar_tag.gif) no-repeat;
			overflow: hidden;
		}
		div#box-search-tag h3{
			float: left;
			width: 0;
			text-indent: -9999px;
		}
		div.box-outerframe{
			background: #eee;
			border: 1px solid #e5e5e5;
		}
		div.box-outerframe div.box-in{
			margin: 3px; padding: 5px;
			background: #fff;
			border: 1px solid #e5e5e5;
			
		}

		/* cloud */
		ul#cloud{
			margin: 0; padding: 5px; list-style: none;
			text-align: justify; overflow: hidden;
		}
			ul#cloud li{
				display: inline; 
				padding: 0 4px; 
				font-size: 100%; 
				line-height: 1.2; 
			}
			ul#cloud li a:hover{	
				text-decoration: underline;
			}
			ul#cloud li.level1{font-size:80%; font-weight:normal;}
			ul#cloud li.level2{font-size:100%; font-weight:normal;}
			ul#cloud li.level3{font-size:120%; font-weight:normal;}
			ul#cloud li.level4{font-size:150%; font-weight:bold;}
			ul#cloud li.level5{font-size:180%; font-weight:bold;}
			ul#cloud li.level6{font-size:250%; font-weight:bold;}
			ul#cloud li a.on{background:#D0e9F5}
			ul#cloud li .on{background:#D0e9F5}


	/* box-right-search-author */
	div#box-right-search-author{
		margin: 10px 0;
		width: 190px; height: 146px;
		background: url(../i/share/navi/box_author.gif) no-repeat;
	}
		div#box-right-search-author h3{
			text-indent: -9999px;
			height: 35px;
		}
		div#box-right-search-author form{
			margin: 10px;
		}
		div#box-right-search-author input[type="text"]{
			width: 85px;
		}
		div#box-right-search-author select{
			width: 160px;
		}
		div#box-right-search-author div.hr{
			margin: 5px 0; padding: 0;
			height: 1px;
			background: #fff;
			font-size: 0;
		}

	a.gototop{
		float: right;
		padding: 0 0 0 15px;
		background: url(../i/share/pt_top.gif) no-repeat left center;
		text-decoration: none;
	}

/* FOOTER						##################################### */

div#footer {
	clear: both; 
	margin-top: 50px; padding: 0;
	height: 200px;
	font-size: 12px;
}
	div#footer h4{
		float: right;
		width: 106px; height: 60px;
		/* background: url(../i/share/footer/logo_dynamicpro.gif) no-repeat left bottom;*/
		text-indent: -9999px;
	}
	div#footer dl{
		float: left;
		overflow: hidden;
		margin: 10px 0;
		width: 600px;
	}
	div#footer dl dt{
		float: left;
		width: 6em;
	}
	div#footer dl dd{
		float: left;
	}
		div#footer dl dd ul{
			clear: both;
			overflow: hidden;
		}
		div#footer dl dd li{
			float: left;
			margin: 0 20px 0 0;
		}

	/* footer-info */
	ul.footer-info{
		clear: both;
		padding: 10px 0 0 0;
		width: 100%;
		overflow: hidden;
		background: url(../i/share/footer/footer_hr.gif) no-repeat;
	}
		ul.footer-info li{
			float: left;
			margin: 0 20px 0 0; padding: 0 0 0 15px;
			background: url(../i/share/pt_arrow.gif) no-repeat left center;
		}

	div#footer p{
		clear: both;
		padding: 10px 0;
		font-size: 10px;
		line-height: 1.5;		
	}
	div#footer p.copyright{
		padding: 0;
		float: right;
	}


/* news-view */
div#news-view{
	margin: 5px 0 25px 0;
	text-align: right;
}
div#news-view img{
	vertical-align: middle;
}

/* ERROR */
div#error-box{
	margin-bottom: 50px;
}

h4 .attention {
	font-size: 80%;
}
.attention{
	color: #ff0000;
}
/* page-navi */
.page-navi-top {
	text-align: right;
	margin: 0px 5px 20px
}
.page-navi-bottom {
	text-align: right;
	margin: 12px 5px 5px;
}