@charset "shift-jis";

/*==================================================================

power_stone.css

The date     : 2010.09.21
Last up date : 

================================================================== */



/*	index.html
============================================================*/

#mainContents {
	width: 680px;
	float: right;
	margin: 0 10px 0px 0px;
}

#mainContents {
	_width: 680px;
	_float: right;
	_margin: 0 7px 0px 0px;
}

#mainContents h3{
	visibility: hidden;
}

div.BG-kimg {
	width: 680px;
	height: 335px;
	background: url(/images/wish/kimg.jpg) no-repeat;
}

div.BG-kimg p{
	width: 500px;
	padding: 190px 0 0 130px;
	line-height: 1.5;
}

body:first-of-type div.BG-kimg p{
	width: 500px;
	padding: 185px 0 0 130px;
	line-height: 1.5;
}

#innergate {
	width: 680px;
	background: url(/images/wish/bg_lesson_01.jpg) repeat-y;
}

div.inner-top {
	width: 680px;
	background: url(/images/wish/bg_lesson_01_top.jpg) no-repeat left top;
	padding-top: 19px;
}

div.inner-top dt{
	width: 270px;
	float: left;
	margin-left: 30px;
}

div.inner-top dd{
	width: 320px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 30px;
	background: url(/images/wish/hr_dot.gif) repeat-y;
}

div.inner-top dt{
	_width: 270px;
	_float: left;
	_margin-left: 10px;
}

div.inner-top dd{
	_width: 320px;
	_float: right;
	_margin-right: 20px;
	_margin-top: 10px;
	_margin-bottom: 15px;
	_padding-left: 30px;
	_background: url(/images/wish/hr_dot.gif) repeat-y;
}

div.inner-bottom ul{
	width: 640px;
	padding-top: 10px;
	margin-left: 25px;
}

div.inner-bottom li{
	float: left;
}

div.inner-bottom li.in-L {
	padding-right: 8px;
}

div.inner-bottom li.in-R {
	padding-left: 8px;
}

.paLR8 {
	padding: 0 8px;
}

.maT15 {
	margin-top: 15px;
}

.maT10 {
	margin-top: 10px;
}

.maT15 {
	margin-top: 15px;
}

.paTB15{
	padding: 15px 0 35px 0;
}

.paB10 {
	padding-bottom: 10px;
}

#active {
	width: 680px;
	background: url(/images/wish/bg_lesson_01.jpg) repeat-y;
	margin-bottom: 30px;
}

div.activ-top {
	width: 680px;
	padding-top: 19px;
	background: url(/images/wish/bg_lesson_01_top.jpg) no-repeat left top;
}


div.activ-top dt{
	width: 270px;
	float: left;
	margin-left: 30px;
}

div.activ-top dd{
	width: 320px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	padding-left: 30px;
	background: url(/images/wish/hr_dot.gif) repeat-y;
}

div.activ-top dt{
	_width: 270px;
	_float: left;
	_margin-left: 10px;
}

div.activ-top dd{
	_width: 320px;
	_float: right;
	_margin-right: 20px;
	_margin-top: 10px;
	_padding-left: 30px;
	_background: url(/images/wish/hr_dot.gif) repeat-y;
}


/* Anchor-link
============================================================*/

#feature {
	width: 680px;
	background: url(/images/wish/bg_lesson_01.jpg) repeat-y;
}

#feature ul{
	width: 300px;
	margin-left:230px;
}

#feature ul{
	/width: 300px;
	/padding-left:230px;
}

#feature li{
	background: url(/images/wish/mf_bread.gif) no-repeat left;
	padding-left: 20px;
}

div.feature-top {
	padding-top: 19px;
	background: url(/images/wish/bg_lesson_01_top.jpg) no-repeat left top;
}

/* Anchor-linkここまで
============================================================*/

#genre a:link { color: #5A3F1D ; }
#genre a:visited { color: #5A3F1D ; }
#genre a:hover { color: #5A3F1D ; }
#genre a:active { color: #5A3F1D ; }


#genre {
	width: 680px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 1.2;
}

#genre li{
	background: url(/images/wish/hr_large.gif) no-repeat left top;
	width: 680px;
	padding-top: 10px;
	margin-top: 20px;
	clear: both;
}

#genre dt{
	width: 220px;
	float: left;
}

#genre dd{
	width: 420px;
	float:right;
	padding-left: 20px;
}

#genre dd.br {
	background: url(/images/wish/mf_bread_genre.gif) no-repeat left;
	margin-bottom: 10px;
}

#genre dd.br-top {
	margin-top: 17px;
	margin-bottom: 10px;
	background: url(/images/wish/mf_bread_genre.gif) no-repeat left;
}

div.pageT {
	clear: both;
	float: right;
	padding-top: 60px;
}
div.pageT2 {
	clear: both;
	float: right;
	padding-top: 0px;
	padding-bottom: 30px;
}


/* power_stone.html
============================================================*/

#stoneContents {
	width: 680px;
	float: right;
	margin: 0 10px 0px 0px;
}


#stoneContents h3{
	visibility: hidden;
}

div.stone-title0 {
	width: 680px;
	height: 99px;
	margin-bottom: 100px;
}

div.stone-title0 {
	_width: 680px;
	_height: 99px;
	_margin-bottom: 35px;
}

div.stone-title0 p{
	width: 630px;
	padding: 0px 0 0 30px;
	line-height: 1.5;
}

div.stone-title2 {
	width: 680px;
	height: 99px;
	background: url(/images/wish/genre_base01.jpg) no-repeat;
	margin-bottom: 100px;
}

div.stone-title2 {
	_width: 680px;
	_height: 99px;
	_background: url(/images/wish/genre_base01.jpg) no-repeat;
	_margin-bottom: 35px;
}

div.stone-title2 p{
	width: 630px;
	padding: 100px 0 0 30px;
	line-height: 1.5;
}


/* Anchor-link
============================================================*/

#stone-link {
	width: 680px;
	background: url(/images/wish/bg_lesson_01.jpg) repeat-y;
}

#stone-link ul{
	width: 380px;
	margin-left:260px;
}

#stone-link p{
	width: 190px;
	margin-left: 50px;
	margin-top: 11px;
	float: left;
	font-weight: normal; color:#A296C6;
}

#stone-link p{
	_width: 180px;
	_margin-left: 30px;
	_margin-top: 15px;
	_float: left;
	_font-weight: normal; color:#A296C6;
}


#stone-link ul{
	/width: 380px;
	/padding-left:10px;
}

#stone-link li{
	background: url(/images/wish/mf_bread.gif) no-repeat left;
	padding-left: 20px;
}


div.stone-link-top {
	padding-top: 19px;
	background: url(/images/wish/bg_lesson_01_top.jpg) no-repeat left top;
}


/* Anchor-linkここまで
============================================================*/


#item-area {
	width: 680px;
}

#stoneContents h4{
	width: 680px;
	padding-top: 60px;
}

div.item-areaL {
	width: 305px;
	float: left;
}

div.item-img {
	width: 180px;
	height: 150px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0 55px;
	padding: 9px;
}

div.item-areaR {
	width: 370px;
	float: right;
}

dd.st-list {
	padding-top: 20px;
	line-height: 1.8;
}

div.stone-point {
	width: 370px;
	margin-top: 10px;
}

div.stone-point dt{
	width: 77px;
	float: left;
}

div.stone-point dd{
	width: 293px;
	float:right;
}

div.hr-prd {
	width: 680px;
	padding: 20px 0;
	clear: both;
}

div.stone-btn {
	clear: both;
	width: 370px;
}

div.stone-btn ul{
	width: 370px;
	padding-top: 15px;
}

div.stone-btn li{
	width: 140px;
	float: left;
	padding-right: 8px;
}

div.stone-point_02 {
	width: 570px;
	margin: 10px 10px 0 55px;

}

div.stone-point_02 dt{
	width: 77px;
	float: left;
}

div.stone-point_02 dd{
	width: 493px;
	float:right;
}
div.stone-point_03 {
	width: 230px;
	margin: 30px 20px 0 55px;
}
div.stone-point_03 dd{
	margin: 5px 0 0 0;
	font-size: 95%;
}


/* sideNav
============================================================*/

#sideNav {
	width: 185px;
	background: url(https://secure.future-s.com/~hariqua/images/side_wish/bg_side_top.jpg) no-repeat left top;
	padding-top: 15px;
	margin: 15px 0;
}

div.sideN {
	width: 185px;
	background: url(https://secure.future-s.com/~hariqua/images/side_wish/bg_side.jpg) repeat-y;
}

div.sideN p{
	margin-left: 5px;
}

.tex-center {
	text-align: center;
}

#sideNav.maL10 {
	padding-left: 10px;
}
#sideNav,p.paT10 {
	margin-top: 10px;
}

div.sideN dt{
	margin-left: 5px;
}

div.sideN dd{
	margin-left: 25px;
	font-size: 95%;
}

.side-hr {
	padding-bottom: 5px;
	margin-top: 5px;
}

.user_content.FS2_upper_comment.FS2_SeniorDesign_comment{
	clear:both;
	overflow:hidden;
}