@charset "UTF-8";

/* ---------------------------------------------

	created: 2008-10-31;
	last-modified: 2008-11-06;

--------------------------------------------- */


/* css start ------------ */

/* 基本項目 */
a:link,
a:visited {
	color: #333333;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #49004e;
	text-decoration: none;
}
/* --------------------------------------------------------------------
	レイアウト：muNoageとは
-------------------------------------------------------------------- */
body#reasonIndex div#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
/* ---------------------------------------------
	メイン画像
--------------------------------------------- */
body#reasonIndex h1.main_img{

	margin: 0px auto 10px;
	width: 806px;

}

/* ---------------------------------------------
	メイン部分
--------------------------------------------- */
body#reasonIndex div#contentsArea .m_47{
	margin:0 47px;
}
body#reasonIndex div#contentsArea{
	font-size:12px;
	line-height:1.5em; 
}
body#reasonIndex div#contentsArea .f_mini{
	font-size:10px;
}
body#reasonIndex div#contentsArea .f_violet{
	color:#680063;
}
body#reasonIndex div#contentsArea h2,
body#reasonIndex div#contentsArea h3{
	font-weight:normal;
	position:relative;
}
body#reasonIndex div#contentsArea #contents1{
	margin: 0 auto;
	width: 806px;
	height: 441px;
	background: url('../img/what_muNoage_02.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents1 p.text1{
	left: 203px;
	top: 163px;
	width: 584px;
	position: absolute;
}

body#reasonIndex div#contentsArea #contents1 p.text2{
	left: 327px;
	top: 233px;
	width: 451px;
	position: absolute;
}

body#reasonIndex div#contentsArea #contents2{
	margin: 0 auto;
	width: 806px;
	height: 1121px;
	background: url('../img/what_muNoage_03.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents2 p.text1{
	left: 22px;
	top: 146px;
	width: 764px;
	position: absolute;
	height: 169px;
}

body#reasonIndex div#contentsArea #contents3{
	margin: 0 auto;
	width: 806px;
	height: 264px;
	background: url('../img/what_muNoage_04.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents3 p.text1{
	left: 25px;
	top: 102px;
	width: 491px;
	position: absolute;
}

body#reasonIndex div#contentsArea #contents3 a.detail{
	left: 369px;
	top: 185px;
	height: 40px;
	width: 141px;
	position: absolute;
	display: block;
}

body#reasonIndex div#contentsArea #contents3 a.detail:hover{
	background: url('../img/what_muNoage_04_on.jpg') no-repeat -369px -185px;
}

body#reasonIndex div#contentsArea #contents4{
	margin: 0 auto;
	width: 806px;
	height: 704px;
	background: url('../img/what_muNoage_05.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents4 p.text1{
	left: 37px;
	top: 206px;
	width: 438px;
	position: absolute;
}

body#reasonIndex div#contentsArea #contents4 p.text2{
	left: 20px;
	top: 485px;
	width: 239px;
	position: absolute;
	font-size: xx-small;
}

body#reasonIndex div#contentsArea #contents4 p.text3{
	left: 306px;
	top: 486px;
	width: 239px;
	position: absolute;
	font-size: xx-small;
}

body#reasonIndex div#contentsArea #contents4 p.text4{
	left: 251px;
	top: 551px;
	width: 498px;
	position: absolute;
}

body#reasonIndex div#contentsArea #contents4 a.detail{
	left: 637px;
	top: 642px;
	height: 40px;
	width: 141px;
	position: absolute;
	display: block;
}

body#reasonIndex div#contentsArea #contents4 a.detail:hover{
	background: url('../img/what_muNoage_05_on.jpg') no-repeat -637px -642px;
}


body#reasonIndex div#contentsArea #contents5{
	margin: 0 auto;
	width: 806px;
	height: 464px;
	background: url('../img/what_muNoage_06.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents5 p.text1{
	left: 23px;
	top: 182px;
	width: 438px;
	position: absolute;
	height: 95px;
}

body#reasonIndex div#contentsArea #contents5 p.text2{
	left: 200px;
	top: 329px;
	width: 568px;
	position: absolute;
	height: 78px;
}

body#reasonIndex div#contentsArea #contents5 a.detail{
	left: 637px;
	top: 410px;
	height: 40px;
	width: 141px;
	position: absolute;
	display: block;
}

body#reasonIndex div#contentsArea #contents5 a.detail:hover{
	background: url('../img/what_muNoage_06_on.jpg') no-repeat -637px -410px;
}

body#reasonIndex div#contentsArea #contents6{
	margin: 0 auto;
	width: 806px;
	height: 377px;
	background: url('../img/what_muNoage_07.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents6 p.text1{
	left: 22px;
	top: 154px;
	width: 450px;
	position: absolute;
	height: 101px;
}

body#reasonIndex div#contentsArea #contents6 a.detail{
	left: 637px;
	top: 313px;
	height: 40px;
	width: 141px;
	position: absolute;
	display: block;
}

body#reasonIndex div#contentsArea #contents6 a.detail:hover{
	background: url('../img/what_muNoage_07_on.jpg') no-repeat -637px -313px;
}

body#reasonIndex div#contentsArea #contents7{
	margin: 0 auto;
	width: 806px;
	height: 490px;
	background: url('../img/what_muNoage_08.jpg') no-repeat;
	position: relative;
}

body#reasonIndex div#contentsArea #contents7 p.text1{
	left: 345px;
	top: 215px;
	width: 458px;
	position: absolute;
	height: 81px;
	font-size: 12px;
}

body#reasonIndex div#contentsArea #contents7 p.text2{
	left: 467px;
	top: 323px;
	width: 303px;
	position: absolute;
	height: 42px;
	font-size: x-small;
}

body#reasonIndex div#contentsArea #contents7 a.detail{
	left: 578px;
	top: 395px;
	height: 48px;
	width: 200px;
	position: absolute;
	display: block;
}

body#reasonIndex div#contentsArea #contents7 a.detail:hover{
	background: url('../img/what_muNoage_08_on.jpg') no-repeat -578px -395px;
}
/* css end ------------ */



/* add css starterkit 0622 ------------ */

.starter_img01 div.btnoff{
	position:absolute;
	top: 323px;
	left: 243px;
	_left: 193px;

}

.starter_img01 div.btnoff2{
	position:absolute;
	top: 323px;
	left: 640px;
	_left: 590px;

}

/* --------------------------------------------------------------------
	レイアウト：トップページ
-------------------------------------------------------------------- */


/* ---------------------------------------------
	開発ストーリー
--------------------------------------------- */

body#reasonIndex div#contents1 {
}
/*
body#reasonIndex div#storyArea div.wrap1 {
	padding: 12px 0 0;
}

body#reasonIndex div#storyArea div.wrap1 div.txtSet {
	float: right;
	width: 430px;
}

body#reasonIndex div#storyArea div.wrap1 p.img {
	float: left;
	width: 290px;
}

body#reasonIndex div#storyArea div.wrap2 {
	padding: 11px 0 0;
}

body#reasonIndex div#storyArea div.wrap2 div.txtSet {
	float: left;
	width: 432px;
}

body#reasonIndex div#storyArea div.wrap2 p.img {
	float: right;
	width: 288px;
}
*/

/* ---------------------------------------------
	開発者のメッセージ
--------------------------------------------- */
/*
body#reasonIndex div#messageArea {
	width: 771px;
	margin: 0 0 0 18px;
	padding: 0 0 29px;
	background: url(../img/idx_message_bg.gif) no-repeat left bottom;
}

body#reasonIndex div#messageArea div.wrap {
	padding: 30px;
	background: url(../img/idx_message_head.gif) no-repeat;
}

body#reasonIndex div#messageArea div.txtSet {
	float: left;
	width: 530px;
}

body#reasonIndex div#messageArea p.img {
	float: right;
	width: 149px;
}

body#reasonIndex div#messageArea div.txtSet p.lead {
	padding: 12px 0 0;
	color: #000000;
}

body#reasonIndex div#messageArea div.profile {
	padding: 0 26px 0 30px;
}

body#reasonIndex div#messageArea div.profile p.text {
	padding: 6px 0 0;
}

body#reasonIndex div#messageArea div.profile p.sign {
	text-align: right;
}
*/

/* css end ------------ */