@charset "UTF-8";
/* CSS Document */


/*
■■■■■■■■■■■■■■■■■■
全体
■■■■■■■■■■■■■■■■■■
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

body {	font-size:15px;
			line-height:23px;
			color:#414141;
			line-break: strict;
			background-color:#ffc200;
			background-image:url(../img/common/bg.png);
			font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {color:#06C;}

a:hover { color:#ff68bc;}

img{ vertical-align: bottom;}

#container {	width:940px;
				margin:30px auto;}

#wrap {		width:940px;
				margin:30px auto;}

li { list-style-type:none;}

.clear {clear:both;}

h1 { position:relative; }



/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}

 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}



/*
■■■■■■■■■■■■■■■■■■
ヘッダー
■■■■■■■■■■■■■■■■■■
*/

header { margin-bottom:10px;}

.head_illust {	position:absolute;
				top:-30px; left:685px;}


/*
■■■■■■■■■■■■■■■■■■
フッター
■■■■■■■■■■■■■■■■■■
*/

footer { margin-top:8px;}

footer p { text-align:right;}

footer li {	float:left;
				margin-right:20px;}