@charset "utf-8";

/* AQUAPLUS [こみっくパーティー 公式サイト用]
---------------------------------------
	0.common読込
	1.要素への定義
	2.デザイン
---------------------------------------
(c)AQUAPLUS All Rights Reserved.
	http://aquaplus.jp/
*/

/* ==========================================================================
 0.common読込
========================================================================== */
@import url("../css/common/element.css");		/* 要素への定義 */


/* ==========================================================================
 1.要素への定義
========================================================================== */
body {
	margin : 0;
	background : #fff url(images/cp_bg.gif);
	padding : 0;
	color : #000;
	text-align : center;		/* IE:センタリング */
	overflow-y: scroll;
}

#menu-html body {
	margin : 0;
	background : #fff;
}

a {				color : #ec4d00;
				text-decoration : none; }
a:link {		color : #f66; }
a:visited {		color : #05f; }
a:active {		color : #777; }
a:hover {		color : #b02;
				text-decoration : none;}
a:hover img {	text-decoration : none;
				background : #fff;
}


strong.red {
	color: #c00;
}


ul {
	list-style: none;
	padding-left: 0;
}

.wrap li {
	position: relative;
	padding-left: 1.3em;
}

.wrap ul li:before {
	position: absolute;
	left: 0;
	content: "■";
	color: #EC4D00;
}
.wrap ul li li:before {
	content: "・";
	color: #EC4D00;
}


/* ==========================================================================
 2.デザイン
========================================================================== */

/* --------------------------------------------------------------------------
 ヘッダ部 */

/* エリア */
#header {
	margin : 0;
	width : 100%;
	padding : 0;
}

/* パンくずリスト */
#breadcrumb {
	float : left;
	margin : 0 auto 0 0;
}
#breadcrumb p {
	margin : 0;
	padding : 2px 8px;
	text-align : left;
	font-size : 8pt;
}


/* 最終更新日*/
#update {
	float : right;
	marin : 0 0 0 auto;
	padding-right : 8px;
	text-align : right;
	color : #c00;
}
/* 日付 */
#update span {
	font-weight : bold;
}


/* --------------------------------------------------------------------------
 フッタ部 */
#footer {
	margin : 40px 0 0;
	width : 100%;
	padding : 0;
	text-align : center;
	color : #fff;
}

#footer_line {
	position: relative;
	margin : 0;
	background : #ec4d00;
	padding : 12px 0;
	width : 100%;
	overflow: hidden;
}

#footer_line #left{
	float : left;
}

#footer_line #right{
	float : right;
}

#footer_line a {
	display: block;
	text-decoration : none;
	padding : 0 15px;
	margin: 0 10px;
	color : #ec4d00;
	background-color: #fff;
	border-radius: 10px;
}
#footer_line a:hover {
	color : #bdf;
}

#copyright {
	position: absolute;
	width: 200px;
	margin-left: -100px;
	margin-top: -0.6em;
	left: 50%;
	top: 50%;
}


/* --------------------------------------------------------------------------
 内部 */

.wrap {
	width: 640px;
	margin: 0 auto;
	padding : 0;
}

h1 ,
h2 {
	margin : 0 0 16px;
	padding : 2px 0;
	width : 100%;
	font : bold 9pt/1.4 "メイリオ";
	text-indent : 10px;
	text-align : left;
	color : #fff;
}
h1 {
	background-color : #ec4d00;
}
h1#pageTitle {
	margin-bottom : 30px;
	padding: 5px 0;
	box-shadow: 0 1px 3px rgba(236,77,0,1);
	font-size: 15pt;
	font-weight: normal;
}


h2 {
	margin-top : 40px;
	padding: 10px 0;
	border-top: 2px solid #ec4d00;
	box-shadow: 0 1px 3px rgba(236,77,0,0.5);
	background-color: #fff;
	color: #ec4d00;
}


h3 {
	margin: 0;
	padding: 4px 0;
	background-color: #ec4d00;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
}

h4 {
	margin: 10px 0 10px;
	font-weight: normal;
	border-bottom: 2px solid #ec4d00;

}


ol {
	margin-left: 20px;
	padding: 0;
}


iframe {
	border: 1px solid #ddd;
}

.unit {
	/*border: 1px solid #ec4d00;*/
	background: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(236,77,0,0.5);
	border-radius: 3px;
}
.unit .inner {
	padding: 20px;
	text-align: left;
}
.unit .inner.center {
	text-align: center;
}



/* --------------------------------------------------------------------------
 menu.html 専用 */
#siteHeader {
	background-color: #fff;
/*	border-bottom : 1px solid #ec4d00;*/
	margin-bottom: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(236,77,0,1);
}

#siteHeader h1 {
	margin : 0;
	padding : 4px 0;
	background : #ec4d00 url('images/menu_cplogo.gif') 8px 6px no-repeat;
	width : 100%;
	height : 24px;
}

#siteHeader #title {
	float : left;
	margin : 5px auto auto 5px;
	padding : 0;
	font : bold 12pt/1 "メイリオ";
	color : #fff;
	text-indent : 28px;
}

#siteHeader #aquaplus {
	float : right;
	margin : 2px 2px auto auto;
	background : url(images/menu_bg2.gif) no-repeat;
	padding 0;
	width : 40px;
	height : 20px;
}

#siteHeader #aquaplus a:hover {
	background-color: transparent;
}

#siteHeader #aquaplus img {
	margin : 2px auto;
}



#globalNav {
	width: 630px;
	margin: 10px auto;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
#globalNav li {
	padding: 0;
}
#globalNav a {
	display: block;
	float: left;
	width: 80px;
	height: 25px;
	margin: 0 5px;
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: center 10px;
	font-weight: bold;
	color: #ec4d00;
	border-radius: 40px;
	background-color: #feead5;
	outline: none;
}

#gn-top a { background-image: url('images/icon/i_kazuki_ne.gif'); }
#gn-prd a { background-image: url('images/icon/i_mizuki_ne.gif'); }
#gn-int a { background-image: url('images/icon/i_yu_ne.gif'); }
#gn-chr a { background-image: url('images/icon/i_reiko_ne.gif'); }
#gn-gds a { background-image: url('images/icon/i_aya_ne.gif'); }
#gn-ani a { background-image: url('images/icon/i_eimi_ne.gif'); }
#gn-stf a { background-image: url('images/icon/i_minami_ne.gif'); }

#globalNav a:hover {
	background-color: #ec4d00;
	color: #fff;
}


/* ---------------------------------------------------------------------------
 TOP */
#hitokoma {
	border-radius: 10px;
}
#hitokoma img {
	width: 190px;
	margin: 3px;
}
#hitokoma a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* ---------------------------------------------------------------------------
 製品情報 */

#product .inner {
	width: 500px;
	margin: 0 auto;
	padding: 40px 0;
}
#product td {
	background-color: #fff;
}


/* ---------------------------------------------------------------------------
 ゲーム紹介 */

#introduction {
}

#introduction h2 {
	background-color: #ec4d00;
	text-indent: 0;
	padding: 20px 0 20px 15px;
	width: auto;
	font-size: 13pt;
	font-weight: normal;
	line-height: 1.8;
	border-radius: 3px;
	color: #fff;
}

#introduction .unit p {
	margin-top: 2em;
	margin-bottom: 3em;
	line-height: 1.8;
}


#introduction .inner {
	width: 450px;
	margin: 0 auto;
	padding: 40px 0;
}

#introduction .img_capt {
	width: 500px;/*450+50*/
	margin: 0 -50px 0 0;
	overflow: hidden;
}
#introduction .img_capt div {
	float: left;
	margin-right: 50px;
	margin-bottom: 25px;
	width: 200px;
}


/* ---------------------------------------------------------------------------
 キャラクター紹介 */

#character .unit {
	position: relative;
}

#character h2 {
	position: relative;
	background-color: #ec4d00;
	width: 46px;
	height: 240px;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;

	font : bold 26pt/26pt "ＭＳ Ｐゴシック";
	color : #fff;
	text-indent: 0;
	text-align: center;
	vertical-align: bottom;
	box-shadow: none;
	border: none;

}
#character h2 div {
	width: 46px;
	position: absolute;
	bottom: 5px;
}
#character .unit.odd h2  {
	padding-right: 20px;
	background-position: top right;
	background-image: url('images/chr_prof/saw_l.gif');
	float: left;
}
#character .unit.even h2  {
	padding-left: 20px;
	background-position: top left;
	background-image: url('images/chr_prof/saw_r.gif');
	float: right;
}

#character .unit img {
	display: block;
}
#character .unit.odd img {
	float: right;
}

#character .unit.even img {
	float: left;
}



#character dl {
	width: 255px;
	color: #048;
	overflow: hidden;
}
#character dt {
	float: left;
	width: 100px;
	text-align: right;
}
#character dd {
	float: left;
	width: 150px;
	text-align: left;
	margin-left: 4px;
}

#character .prof {
	color: #333;
	padding: 0px 20px;
	overflow: hidden;
	text-align: left;
}

#character h3 {
	font-weight : bold;
	color : #ec4d00; 
	position: absolute;
	bottom: 0px;
	background-color: transparent;
	font-weight: bold;
}
#character  .unit.odd h3 {
	text-align: left;
	left: 85px;
}

#character  .unit.even h3 {
	text-align: right;
	right: 85px;
}



/* ---------------------------------------------------------------------------
 グッズ */
#goods .bookDetail {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-collapse: collapse;
}
#goods .bookDetail th {
	background-color: #aaa;
	font-weight: bold;
	color: #fff;
}
#goods .bookDetail th small {
	font-weight: normal;
}

#goods .bookDetail th ,
#goods .bookDetail td {
	padding: 4px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;

}

span.isbn {
	display: block;
	background: #fff;
	float: right;
	font-weight: normal;
	color: gray;
	padding: 1px 5px;
}
span.isbn img {
	margin-right: 5px;
}


#goods .bookDetail img {
	vertical-align: bottom;
}


span.dt {
	color: gray;
}




#goods #treca dt {
	margin: 0 0 0 10px;
	width: 160px;
	float: left;
}
#goods #treca dt:before {
	content: "■";
	color: #c00;
}
#goods #treca dd {
	margin-left: 160px;
	width: 50px;
	text-align: right;
}

#goods .series {
	float: left;
	color: #888;
}

.detail .date {
	margin-bottom: 10px;
}



/* ---------------------------------------------------------------------------
 アニメ */

#goods .unit .inner,
#anime .unit .inner {
	padding: 15px;
	overflow: hidden;
}

#goods .unit p,
#anime .unit p {
	margin: 0.2em 0;
}

img.thumb {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
#goods .detail,
#anime .detail {
	text-align: left;
	overflow: hidden;
}

#goods .data,
#anime .data {
	color: #666;
	margin-bottom: 0.2em;
}

#anime dl {
	margin: 5px 0 0 10px;
}
#anime dt {
	position: relative;
	display: block;
	float: left;
	width: 90px;
}
#anime dt:after {
	position: absolute;
	content: "：";
	right: 5px;
	top: 0;
}
#anime dd {
	display: block;
	margin-left: 90px;
	margin-bottom: 0.3em;
}


/*DVD*/
.split {
	overflow: hidden;
}
.split div {
	float: left;
	margin: 0;
	width: 25%;
	text-align: center;
}
#anime .split div {
	margin: 0 10px 10px 0;
	text-align: left;
	width: auto;
}
#ova.split div {
	width: 135px;
	margin-left: 15px;
} 


#anime .split div img {
	display: block;
}
.split div span {
	font-weight: bold;
	margin-right: 5px;
}

/*収録話*/
#episode {
	margin-left: 240px;
}

/*キャスト*/
#cast {
	width: 220px;
	float: left;
}

/*スタッフ*/
#anime #staff dt { width: 150px; }
#anime #staff dd { margin-left: 150px; }
#anime #staff dd p {
	font-size: 90%;
	color: #888;
	margin-left: 10px;
	margin-bottom: 10px;
}



/* ---------------------------------------------------------------------------
 STAFFだより */

#staff .entryHeader {
	background-color: #ffdbaa;
	height: 50px;
	/*overflow: hidden;*/
}

#staff .entryHeader .icon {
	display: block;
	float: left;
	width: 50px;
	height: 45px;
	padding-top: 5px;
	text-align: center;
}
#staff .entryHeader .detail {
	margin-left: 50px;
}
#staff .entryHeader h2 {
	margin: 0 0 3px;
	padding: 4px 0;
	background-color: #ec4d00;
	overflow: hidden;
	color: #fff;
}

#staff .entryHeader .author {
	display: block;
	float: left;
	text-align: left;
	padding: 2px 0 0 14px;
	font-weight: bold;
}
.date {
	display: block;
	text-align: right;
	color: #c00;
}
#staff .date {
	padding: 2px 4px;
	float: right;
}

#staff blockquote {
	text-align: left;
	padding: 1em 0;
}


/* ---------------------------------------------------------------------------
 DCE紹介 */

.bgDce {
	position:relative;
	border:1px solid #ec4d00;
	height:610px;
	background : #fff url(images/bg_dce.jpg) right 5px no-repeat !important;
}

.bgDce td {
	padding : 3px !important;
}



.mt20 { margin-top: 20px !important; }

/* [EOF] */