@charset "utf-8";
/* CSS Document 2010.2.27 editor yano */

div#main h2 {
	margin: 1em 0;
	margin-top:2em;
	padding-left: 0;
	font-size: 22px;
	font-weight: bold;
	color: #80254E;		
	background: none;
}
div#main h3 {
	margin: 30px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #80254E;	
}
div#main img.figure {
	float: right;
}
div#main ul li {
	line-height: 1;	
}
p.seller {
	margin: 2em 1em;
	line-height: 1.6;
}
p.price {
	font-size: 20px;
	font-weight: bold;
	color: #184779;
}
p.supportbuyer {
	margin: 1em 0;
	line-height: 1.6;
}
div#main ul.price li, div#main ul.notes li {
	list-style-type: none;
	line-height: 0.5;
}
div#main ul.example {
	padding-top: 1.5em;
	background: url(../img/example.jpg) no-repeat;
}
div#main ul.example strong {
	font-size: 16px;
	color: #80254E;
}
div#main ul.example li {
	list-style-type: none;
}
br.clear {
	clear: both;
}
div#buyersBlog {
	margin-top: 2em;
}



/* お支払い・発送について（how.php）
--------------------------- */
/*div.package {
/*	background: url(../img/how_bk.jpg) no-repeat 227px 71px;
/*}
div#main ol.howto {
	margin-left: 3em;
}
div#main ol.howto li {
	line-height: 2em;
	list-style-type: decimal;
}



/* CotoCotoギフトとは（whatis.php）
--------------------------- */
div#main ul.flow {
	margin: 2em 0 2em 2em;
}
div#main ul.flow a {
	text-decoration: underline;
	color: #0000FF;
}
div#main ul.flow a:hover {
	color: #FF0000;
}

dl#giftLineup a {
	color: #0000FF;
}
dl#giftLineup a:hover {
	text-decoration: underline;
	color: #FF0000;
}
dl#giftLineup dt {
	padding-left: 1em;
	background: url(../img/square.gif) no-repeat 0 3px;
}
dl#giftLineup dd {
	padding-left: 1em;
}



/* ギフトを贈るには（flow.php）
--------------------------- */
div#main div.flow {
	margin: auto;
	width: 694px;
}
div#main div.flow h3 {
	margin: 30px 0 15px 0;
}
div#main div.flow p {
	margin: 1em 0;
}
div#main div.flow ul {
	margin-left: 2em;
}
div#main div.flow ul.choice li {
	list-style-type: decimal;
}
div#main div.flow dl {
	margin-left: 1em;
}
div#main div.flow dl dt {
	padding-left: 1em;
	color: #80254E;
	background: url(../img/arrow.gif) no-repeat 0 5px;
}
div#main div.flow dl dd {
	padding-left: 1em;
	margin-bottom: 1em;
}
div#main div.flow a {
	text-decoration: underline;
	color: #0000FF;
}
div#main div.flow a:hover {
	color: #FF0000;
}
div#main div.flow p.figure {
	text-align: center;
}



/* よくあるご質問（faq.html）
--------------------------- */
div#main ul#faq li {
	padding-left: 26px;
	list-style-type: none;
	line-height: 1.6;
	background: url(../img/mk_question.gif) no-repeat 0 9px;
}
div#main ul#faq li.ans {
	margin-bottom: 1em;
	background: url(../img/mk_answer.gif) no-repeat 0 9px;
}
div#main ul#faq a {
	text-decoration: underline;
	color: #0000FF;
}
div#main ul#faq a:hover {
	color: #FF0000;
}



/* トップページ（index.php）
--------------------------- */
div#flow, div#topics, div#movie, div#asp {
	width: 340px;
	margin-bottom: 1.5em;
	text-align: left;
}
div#topics h2, div#movie h2, div#asp h2 {
	width:340px;
	height:25px;
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
	text-indent: 30px;
	font-size: 14px;
}
div#topics h2 {
	color: #80254A;
	background: url(../img/h2_topics_bg.jpg) no-repeat;
}
div#topics a, div#asp a {
	text-decoration: underline;
}
div#topics a:hover, div#asp a:hover {
	color: #FF0000;
}

div#topics ul {
	padding: 0 0.5em 1em 0.5em;
}
div#topics ul li {
	margin-bottom: 0.5em;
	padding-left: 0.8em;
	font-size:12px;
	background: url(../img/dot.gif) no-repeat 0 4px;
}

div#movie h2 {
	color: #FFF;
	background: url(../img/h2_movie_bg.jpg) no-repeat;
}
div#movie dl {
	clear: both;
	width: 340px;
	min-height: 75px;
	height: auto !important;
	height: 75px;
	margin-bottom: 0.5em;
}
div#movie dl dt {
	float: left;
	width: 105px;
}
div#movie dl dd {
	padding-left: 105px;
}

div#asp {
}
div#asp h2 {
	color: #FFF;
	background: url(../img/h2_other_bg.jpg) no-repeat;
}
div#asp p {
	margin: 0.5em;
}
div#asp dl {
	margin: 0.5em;
}
div#asp dl dt {
	font-weight: bold;
}
div#asp dl dd.date {
	font-size: 12px;
}

div#banner {
	width: 340px;
}
div#banner img {
	margin-bottom: 1em;
}

div#sideBanner {
	margin: 2em 0;
}
div#sideBanner img {
	margin-bottom: 1em;
}