@charset "utf-8";
/** $Id: index.css 195 2008-12-19 06:17:27Z ogawa $ */
/**
 * ギフコミ！キャラクター紹介用 CSS(index.css)
 *
 * ギフコミ！キャラクター紹介用CSSです。
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2009-08-25
 * @lastmodified $Date: 2008-12-19 15:17:27 +0900 (金, 19 12 2008) $
 * @see guideline: Ver. 1.01
 */

/* -------------------
	共通部分用
	Header
	Breadcrumbs

	Clearfix
------------------- */

/**
 * 共通部分用 CSS
 *
 * サイト全体で共通で使用するCSSです。
 *
 * @section Share Style
 * @lastmodified 2008-07-19
 * @version おがわ
 */
div#is-wrapper { width:700px; }
div#is-wrapper .cl-txt {
	display:block;
	height: 0;
	overflow: hidden;
	line-height:0;
	font-size:0;
	text-indent: -9999px;
}
div#is-wrapper .mg-b-30 {
	margin-bottom:30px;
}
div#is-wrapper h2 {
	width:700px;
	height:85px;
	background:url(../files/images/title.png) no-repeat 0 0;
	margin-bottom:20px;
}
div#is-wrapper .chara-box {
	width:700px;
	/* width:505px;*/
	margin:0 auto 20px auto;
	/*	padding:20px 0 0 165px;*/
	padding:0;
}
div#is-wrapper .chara-img {
	float:left;
	width:160px;
}
div#is-wrapper .chara-contents {
	margin-left:170px;
	padding:10px 0 0 0;
	line-height:1.5;
	width: 500px;
}

dl.cl_list {
	margin:0 0 10px 22px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
	display:inline-block;
	width:460px;	/*float:right;*/
}
dl.cl_list dt {
	margin: 0;
	margin-right: -4em;
	padding: 0.2em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 4em;
	text-indent: 0.5em;
	color:#000;
}

dl.cl_list dd {
	margin-left:4em;
	padding: 0.2em 0.4em;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff;
	/*display:inline-block;*/
	/*width:19em;*/
}
dl.cl_list ul{
	list-style: none;
	line-height:1.3em;
	padding:0;
}
dl.cl_list a{
	text-decoration:underline;
}

div#is-wrapper .chara-box p.chara_leftcontents {
	margin:10px 10px 10px 22px;
	/*display:block;*/
	color:#000;
	font-size:108.3%;
}
div#is-wrapper div#chibi .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 0;
	height:183px;
}
div#is-wrapper div#ane .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 -290px;
	height:200px;
}
div#is-wrapper div#papa .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 -595px;
	height:208px;
}
div#is-wrapper div#mama .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 -910px;
	height:216px;
}
div#is-wrapper div#hide .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 -1180px;
	height:162px;
}
div#is-wrapper div#uwasa .chara-img{
	background:url(../files/images/chara.png) no-repeat 0 -1500px;
	height:143px;
}

div#is-wrapper h3 {
	width:495px;
	height:32px;
	margin-bottom:10px;
}
div#is-wrapper div#chibi h3 { background:url(../files/images/titles.png) no-repeat 0 0; }
div#is-wrapper div#ane h3 { background:url(../files/images/titles.png) no-repeat 0 -32px; }
div#is-wrapper div#papa h3 { background:url(../files/images/titles.png) no-repeat 0 -64px; }
div#is-wrapper div#mama h3 { background:url(../files/images/titles.png) no-repeat 0 -96px; }
div#is-wrapper div#hide h3 { background:url(../files/images/titles.png) no-repeat 0 -128px; }
div#is-wrapper div#uwasa h3 { background:url(../files/images/titles.png) no-repeat 0 -160px; }
div#is-wrapper p.lead {
	width:470px;
	height:17px;
	margin-bottom: 5px;
	margin-left:22px;
}
div#is-wrapper div#chibi p.lead { background:url(../files/images/titles.png) no-repeat -520px 0; }
div#is-wrapper div#ane p.lead { background:url(../files/images/titles.png) no-repeat -520px -20px; }
div#is-wrapper div#papa p.lead { background:url(../files/images/titles.png) no-repeat -520px -40px; }
div#is-wrapper div#mama p.lead { background:url(../files/images/titles.png) no-repeat -520px -60px; }
div#is-wrapper div#hide p.lead { background:url(../files/images/titles.png) no-repeat -520px -80px; }
div#is-wrapper div#uwasa p.lead { background:url(../files/images/titles.png) no-repeat -520px -100px; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}