@charset "UTF-8";

/* 全体
-------------------------------------*/
body {
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	background: #FFFFFF;
}

p {
	margin-bottom: 12px;
}

li {
	margin: 0;
	padding: 0;
}

dl {
	padding-left: 6px;
}

img {
	margin : 0px;
	padding : 0px;
	border : none;
}

a:link {
	color: #3399FF;
	text-decoration: none;
}

a:visited {
	color: #3399FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #3399FF;
	text-decoration: none;
}

/* Table
-------------------------------------*/
table {
	border: none 0;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 1;
}

th, td {
	padding: 0;
	font-weight: normal;
	vertical-align: top;
}


/* 上段
-------------------------------------*/

#wrapper {
	width: 778px;
	height: auto;
	margin: 0px auto;
	padding-top: 0px;
	background: url(../images/line_h.gif) repeat-y;
}

#header {
	height: 36px;
}

#header h1 {
	width: 178px;
	height: 36px;
	margin: 0 0px 0px 7px;
	background: url(../images/home_sprout.gif)  no-repeat;
	position: absolute;
	text-indent: -99999px;
}

#header h1 a {
	display: block;
	width: 178px;
	height: 36px;
	text-decoration: none;
}

#header #menu {
	float: right;
	margin: 20px 11px 0 0;
	vertical-align: bottom;
}

#header #menu ul li {
	float: left;
	display: inline; /* for WinIE6 */
	margin: 0 20px 0 0;
	font-size: 10px;
}


/*ダウンロード
-------------------------------------*/
#download {
	width: 764px;
	height: 248px;
	margin: 0 auto 0 auto;
	padding-top: 15px;
	background: url(../images/line_w.gif) repeat-x;
	text-align: center;
}


/*トピックパス
	float: left;
	padding: 20px 0 0 27px;
-------------------------------------*/
#TopicPath {
	width: 764px;
	height: 25px;
	background: url(../images/line_w.gif) repeat-x;
	margin: 0 auto 0 auto;
	font-size: 10px;
	padding: 20px 0 0 0;
	text-indent: 27px
}


/* 中段
-------------------------------------*/

#primary,
#secondary {
	float: left;
	display: inline; /* for WinIE6 */
}

#primary {
	width: 200px;
	margin: 5px 0px 0px 27px;
}

#secondary {
	width: 500px;
	margin: 5px 0px 0px 20px;
}

p.mark { /* ▲マーク */
	background-image: url("../images/mark.gif");
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	margin: 0 0 0 -8px;
	padding-left: 8px;
}


/* Section
-------------------------------------*/
.section {
	margin: 0 0 20px 0px;
}
.section h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.section p {
	margin-bottom: 0;
}

.section dl{
	padding-left: 12px;
}

.section dt.dtLink {
	margin-top: 10px;
}


.section dd {
	margin-top: 3px;
	margin-bottom: 7px;
}

.section dd.link {
	margin-top: 2px !important;
	margin-bottom: 0px !important;
}

.section dd.linkST {
	font-size: 10px;
	margin-top: 2px !important;
	margin-bottom: 6px !important;
}

.SecBorder {
	background: #999999;
	height: 1px;
	width: 180px;
	margin: 30px 0 10px 10px;	
}

#secondary .section h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#secondary .section dl {
	margin-top: 0;
	margin-bottom: 7px;
}


/* WorksNavi
-------------------------------------*/

.BanWork {
	margin-left: 2px;
}

#WorksNavi {
	margin: 0 0 20px 2px;
}

#WorksNavi ul li {
	margin-bottom: 5px;
	text-indent: -9999px;
}

#WorksNavi ul li a {
	display: block;
	height: 60px;
	text-decoration: none;
	width: 196px;
}

#WorksNavi ul li#Wnavi01 a {
	background: url(../works/images/ban_h-prologue.jpg) no-repeat 0 0;
}

#WorksNavi ul li#Wnavi02 a {
	background: url(../works/images/ban_h-prologue.jpg) no-repeat 0 0;
}

.WorksNavi {
	padding-top:15px;
}

.WorksNavi li {
	background:transparent url(../images/mark2.gif) no-repeat scroll 15px 0;
	margin-bottom:8px !important;
	padding-left:40px;
	text-indent:0 !important;
}

.WorksNavi li a {
	background:transparent none repeat scroll 0 0 !important;
	display:inline !important;
	text-decoration:none !important;
}

.WorksNavi li a:hover {
	text-decoration:underline !important;
}

/* worksList
-------------------------------------*/

h2.finding {
	height: 20px;
	width: 450px;
	text-align: center;
	font-weight: normal;
	margin-left: 25px;
	color: #FFFFFF;
	background: #556666;
}

.worksList {
	clear: both;
	margin: 20px 0 20px 0;
}

.wl {
	width: 200px;
	margin: 0 25px 0 25px;
}

p.markWorks { /* ▲マーク */
	background-image: url("../images/mark.gif");
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 8px;
	text-decoration: none;
}

p.markWorks a {
	text-decoration: none;
}

#worksBorder {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 400px 0 0 25px;
}


/* contents
-------------------------------------*/

#contents {
	width: 500px;
	height: auto;
	margin-top: 0;
	padding-top: 0;
	background: url(../images/line_con.gif) repeat-y;
}

#conHeader {
	margin: 0;
	padding: 0;
}

#conSto {
	color: #555555;
	font-size: 13px;
	margin: 15px auto 150px 37px;
	line-height: 20px;
}

#conGra {
	margin: 15px 0 250px 5px;
}


#conBorder {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 47px 0 0 25px;
}

#conBorderC {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 0 0 0 25px;
}

/* conHome
-------------------------------------*/

.conHome {
	width: 500px;
	height: auto;
	margin: 10px 0 20px 25px;
}

.conHomeG {
	width: 500px;
	height: auto;
	margin: 10px 0 0 25px;
}

.homeBorder {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 150px 25px 0 25px;
}

.conHome table {
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 1;
}

.conHome h3.chTable {
	width: 450px;
	margin-left: 2px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	background: #556666;
}

.conHomeG h3.chTable {
	width: 450px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	background: #556666;
}

.conHome table tr td.chd {
	width: 348px;
	text-align: left !important;
}

.conHome table tr td.chdF {
	color: #999999;
	width: 348px;
	text-align: left !important;
}

.conHome table tr th.chf {
	width: 100px;
	color: #FFFFFF;
	background: #9FB0B0;
	text-align: right !important;
}

.conHome table tr th.chfm {
	width: 100px;
	color: #FFFFFF;
	background: #9FB0B0;
	text-align: right !important;
	vertical-align: middle !important;
}


/* conMenu
-------------------------------------*/

#conMenu {
	margin: 20px 0 0 0;
	float: left;
}

#conMenu h2#cmStory {
	width: 135px;
	height: 26px;
	margin: 0 0 0 35px;
	background: url(../works/h-prologue/images/CM_story.jpg)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conMenu h2#cmChara {
	width: 135px;
	height: 26px;
	margin: 0 0 0 35px;
	background: url(../works/h-prologue/images/CM_chara.jpg)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conMenu h2#cmGra {
	width: 135px;
	height: 26px;
	margin: 0 0 0 35px;
	background: url(../works/h-prologue/images/CM_gra.jpg)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conMenu h2#cmTrial {
	width: 135px;
	height: 26px;
	margin: 0 0 0 35px;
	background: url(../works/h-prologue/images/CM_trial.jpg)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conMenu h2#cmSpec {
	width: 135px;
	height: 26px;
	margin: 0 0 0 35px;
	background: url(../works/h-prologue/images/CM_spec.jpg)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conMenu #Cmenu {
	margin: 8px 0 0 0px;
	padding-left: 200px;
}

#conMenu #Cmenu ul li {
	float: left;
	display: inline; /* for WinIE6 */
	margin: 0 10px 0 0;
}

/* conChara
-------------------------------------*/

.charaBorder {
	clear: both;
	background: #9FB0B0;
	height: 15px;
	width: 480px;
	margin: 0 0 0 10px;
}

.conChara {
	width: 480px;
	height: 400px;
	margin: 30px 10px 0px 10px;
}

.charaImage,
.charaIntro {
	float: left;
	display: inline; /* for WinIE6 */
}

.charaImage {
	width: 250px;
	height: 400px;
	margin-left: 1px;
	padding: 0;
}

.charaIntro {
	width: 228px;
	height: 400px;
	margin-right: 1px;
	padding: 0;
}

.charaIntro h3.charaName {
	width: 228px;
	height: 64px;
	margin: 0;
	padding: 0;
}

.charaIntro .charaText {
	width: 228px;
	height: 336px;
	background: url(../images/ci_bg.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}

.charaIntro .charaText p {
	margin-bottom: 0 !important;
}

/* conDown
-------------------------------------*/
.downBorder {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 0 25px 0 25px;
}

.conDown {
	width: 450px;
	height: 500px;
	margin: 10px 25px 10px 25px;
}

td.mirror {
	width: 50px;
}

table.mirrorTab {
	margin-bottom: 20px;
}

dl.mirrorSp {
	padding-left: 0 !important;
	margin-bottom: 15px
}

.downImage,
.downIntro {
	float: left;
	display: inline; /* for WinIE6 */
}

.downImage {
	width: 200px;
	height: 500px;
	margin-left: 1px;
	padding: 0;
}

.downIntro {
	width: 238px;
	margin: 0 1px 0 10px;
	padding: 0;
}

h3.finding {
	width: 238px;
	height: 16px;
	margin: 0;
	padding: 0;
}

.downIntro .downText {
	width: 238px;
	margin: 10px 0 15px 0;
	padding: 0;
}

.downIntro .downText p {
	margin-bottom: 5px !important;
}


/* conSpec
-------------------------------------*/
.specBorder {
	clear: both;
	background: #000000;
	height: 1px;
	width: 450px;
	margin: 150px 25px 0 25px;
}

.conSpec {
	color: #555555;
	font-size: 13px;
	margin: 15px auto 15px 25px;
}

.conSpec table {
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 1;
}

.conSpec h3.csTable {
	width: 448px;
	margin-left: 2px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	background: #556666;
}

.conSpec table tr td.csd {
	width: 370px;
	text-align: left !important;
}


.conSpec table tr th.csTable, th.csf {
	width: 80px;
	color: #FFFFFF;
	background: #9FB0B0;
	text-align: right !important;
}

.conSpec table tr th.csfm {
	width: 80px;
	color: #FFFFFF;
	background: #9FB0B0;
	text-align: right !important;
	vertical-align: middle !important;
}

/* conFooter
-------------------------------------*/

#conFooter {
	width: 500px;
	height: 27px;
	margin-top: 30px;
	padding: 0;
	background: url(../images/CF_Base.gif) no-repeat;
}


#conFooter h3#cfLogo {
	width: 31px;
	height: 27px;
	margin: 0;
	background: url(../images/CF_logo.gif)  no-repeat;
	text-indent: -99999px;
	position: absolute;
}

#conFooter h3#cfLogo a {
	display: block;
	width: 31px;
	height: 27px;
	text-decoration: none;
}


#conFooter #cfTop {
	float: right;
	width: 111px;
	height: 27px;
	background: url(../images/CF_top.gif)  no-repeat;
	text-indent: -99999px;
}

#conFooter #cfTop a {
	display: block;
	width: 111px;
	height: 27px;
	text-decoration: none;
}


/* copyright
-------------------------------------*/

#copyright {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 28px;
	margin-bottom: 0 !important;
	text-align: center;
}