/*
Theme Name: 空が、降ってくる。
Theme Owner: ぞら -Zora-
Theme URI: http://zora.ikaduchi.com/
Version: 2.0
*/

/*******************************
		General Setting 
********************************/
/* ブラウザごとの差異を修正 */
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

/*==============================
		Sections
===============================*/
body {
	font: 13px/100% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
	}
h1, h2, h3, h4, h5, h6 {
	margin: 8px auto 5px;
	padding:8px 0 5px;
	font-family: Times New Roman, "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	line-height: 100%;
	}
h1 {
	margin:0;
	font-size:200%; /*26px*/
	}
	#fic #main h1,
	#fic01 #main h1{
		border-bottom: 3px double #66b3ff;
		}
	#fic02 #main h1{
		border-bottom: 3px double #e0b366;
		}
	#fic03 #main h1{
		border-bottom: 3px double #ccc;
		}
	#fic05 #main h1{
		border-bottom: 3px double #b3cc66;
		}
	h1 span {
		font-size:50%; /*13px*/
		}
h2 {
	font-size:154%; /*20px*/
	}
h3 {
	border-top: 3px double #66b3ff;
	border-bottom: 1px solid #66b3ff;
	font-size:154%; /*20px*/
	}
	#fic02 h3{
		border-top: 3px double #e0b366;
		border-bottom: 1px solid #e0b366;
		}
	#fic04 h3{
		border-top: 3px double #ccc;
		border-bottom: 1px solid #ccc;
		}
	#fic05 h3{
		border-top: 3px double #b3cc66;
		border-bottom: 1px solid #b3cc66;
		}
h4 {
	border-bottom: 1px solid #94d1ff;
	font-size:139%; /*18px*/
	}
	#fic02 h4,
	#fic02 h5{
		border-bottom: 1px solid #e0d194;
		}
	#fic04 h4,
	#fic04 h5{
		border-bottom: 1px solid #ccc;
		}
	#fic05 h4,
	#fic05 h5{
		border-bottom: 1px solid #d1e094;
		}
h5 {
	border-bottom: 1px dotted #94d1ff;
	font-size:123.1%; /*16px*/
	}
h6 {
	border-bottom: 1px dotted #ffffff;
	font-size:108%; /*14px*/
	}

/*==============================
		Grouping content
===============================*/
p { /* 段落（パラグラフ） */
	margin: 8px 0 1em;
	line-height: 1.7;
	}
hr { /*  テーマや話題の区切り */
		height:0px;
		border:none;
	}
blockquote { /* 引用・転載セクション */
	margin: 13px 21px;
	padding: 8px 13px;
	font-size:108%; /*14px*/
	line-height:1.6;
	}

ol, ul { /*リスト */
	margin:8px 0 8px 21px;
	line-height:1.6;
	}
ol li, ul li{margin: 0 0 5px;}

/* 順序のあるリスト ol */
ol.listde li{list-style-type: decimal;}
ol.listua li{list-style-type: upper-alpha;}
ol.listhi li{list-style-type: hiragana-iroha;}

/* 順序のないリスト ul */
ul.listdi li{list-style-type: disc;}
ul.listci li{list-style-type: circle;}

dl { /* 定義・説明リスト */
	margin:13px 0;
	border-top: 1px bottom #66b3ff;
	border-bottom: 1px solid #66b3ff;
	}
dt { /* 定義・説明される言葉 */
	padding:8px 0 5px;
	border-top: 1px solid #66b3ff;
	font-weight:bold;
	line-height:1.6;
	}
dd { /* 定義用語や言葉の説明 */
	padding:8px 0 5px;
	border-top: 1px dashed #94d1ff;
	line-height:1.7;
	}
address	{
	margin: 13px -1px 8px;
	padding:8px 13px;
	line-height:1.8;
	font-style:normal;
	}
img{ /* 画像 */
	border: none;
	}

/*==============================
		Text-level
===============================*/
/* ハイパーリンク */
a:link { color:#0080ff;text-decoration:none;}
a:visited { color:#0080ff;text-decoration:none;}
a:active { color:#00bfff;text-decoration:none;}
a:hover {color:#00bfff;text-decoration:underline;}
/* 強勢する（アクセントを付ける）箇所 */
em {
	font-weight:bold;
	color: #900;
	}

/* 強い重要性 */
strong {
	color: #E00040;
	}
strong.note {
	color: #4000E0;
	}

/* 文書内のキーワードや製品名など、他と区別したいテキスト */
b {
	font-weight:bold;
	}

/* 免責・警告・著作権などの注釈や細目 */
small, .subtitle, .info{
	font: 13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	*font-size: x-small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: xx-small; /* Win IE 5-5.5､6(後方互換モード)向け */
	}

/* 引用句・引用文 */
q {
	color:#d65c7a;
	background: #e7f1f5;
	}
blockquote	{
	margin: 8px 0 13px 0;
	padding:8px 13px;
	color:#3d668f;
	background: #e7f1f5;
	border-top: 1px dotted #ccc;
	border-right: 3px double #ccc;
	border-bottom: 1px dotted #ccc;
	border-left: 3px double #ccc;
	line-height:1.7;
	}
cite {
	color:#d65c7a;
	background: #e7f1f5;
	}
	
/* プログラムなどのコードであることを示す */
pre,code {
	color:#000099;
	font-family: monospace;
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
	line-height: 100%;
}

/* サイズ */
.txt0{line-height: 1.2;font-size: 77%;}
.txt1{line-height: 1.4;font-size: 85%;}
.txt2{line-height: 1.7;font-size: 93%;}
.txt4{line-height: 1.8;font-size:123.1%;}
.txt6{line-height: 1.8;font-size:139%;}

/* 表示位置 */
.txtc{ text-align: center;}
.txtr{ text-align: right;}
.txtl{ text-align: left;}
.valignb { vertical-align:bottom;}
.valignt { vertical-align:top;}
.valignm { vertical-align:middle;}
.nowrap { white-space: nowrap; }

/*==============================
		Tabular data
===============================*/
table {
	margin-bottom:10px;
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
	width:100%;
	border-collapse: collapse;
	}
	table.solid{border: 1px solid #66b3ff;}

/* 表のタイトルや説明 */
caption { text-align:left; }
caption p { margin: 0; }

/* 表の縦列をグループ化 */
colgroup { background: #eee; }

/* 縦列をグループ化しないまま装飾を適用する */
col { background: #eee; }

th, td {
	padding:8px 8px 3px;
	text-align: left;
	line-height: 1.7
	}
	table.solid th {
		border-top: 1px solid #66b3ff;
		border-right: 1px dotted #66b3ff;
		border-bottom: 1px dotted #66b3ff;
		border-left: 1px dotted #66b3ff;
		}
	table.solid td { border: 1px dotted #66b3ff; }

/*==============================
		Forms
===============================*/
input, textarea {
	font: 100% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
}
.submit_button,
.error_submit_button,
.result_submit_button,
input.submit{
	border:1px solid #777;
	padding: 5px 13px 3px;
	cursor: pointer;
	color:#003366;
	background:url("bg1.jpg") repeat left top;
	background-attachment: fixed;
	border-radius: 5px;
/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;		
/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;	
/* IE */
	zoom: 1;
}
.name_parts,
.text_parts,
.textarea_parts,
input.text, textarea.text, .dropdown{
	border:1px solid #777;
	padding: 5px 5px 3px;
	color:#003366;
	background:url("bg3.jpg") repeat left top;
	background-attachment: fixed;
	border-radius: 5px;
	/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
	zoom: 1;
}

/*-------------------------------
		mailform
-------------------------------*/
#mailform { width:99%; }
#mailform .name_parts,
#mailform .textarea_parts{ width:98%; }
#mailform .submit,
#mailform .error_submit,
#mailform .result_submit { text-align:right;}

/*-----------------------------
		webclap
-------------------------------*/
#webclap { width:100%; }
#webclap .text_parts{ width:98%; }
#webclap .submit,
#webclap .error_submit,
#webclap .result_submit { width:100%;text-align:right;}

/*******************************
		Main Layout
********************************/
div#wrap{
	position:relative;
	}

/*==============================
		header
===============================*/
div#header {
	padding: 8px 13px 0;
	background-attachment: fixed;
	top:0;
	}
/*==============================
		nav
===============================*/
div#nav {
	position:fixed;
	top:8px;
	right:13px;
	z-index:1;
	background: none;
	text-align: right;
	}

/*==============================
		main
===============================*/
div#main {
	width: 960px;
	margin:10px auto;
	}
div#main .subtitle {
	color:#6694c2
	}

/*==============================
		aside
===============================*/
div#aside {
	width: 960px;
	margin:0 auto 0;
	}

/*==============================
		footer
===============================*/

div#fotter {
	margin:20px auto 80px;
	width: 960px;
	clear: both;
	}
div#fotter p{
	margin:8px 1px;
	}

/*******************************
		HTML5 Setting
********************************/
div.section { /* セクション（意味的なひとまとまり）であることを示す */
	margin: 0 auto 56px;
	padding: 13px 28px;
	border: 1px solid #fff;
	}

div.article { /* 記事のセクションであることを示す */
	margin: 56px auto 28px;
	}

div.aside { /* 余談・補足情報のセクションであることを示す */
	margin:13px 0;
	}

div.hgroup { /* セクションの見出しを表す、見出しをまとめる */
	padding: 0 13px;
	color: #667;
	background:url("bg-header.gif") no-repeat left top #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #e7f1f5;
	}
	div.hgroup p { margin: 1em 0;}
	div.hgroup a { font-weight: bold;}

div.header { /* ヘッダであることを示す */
	background:url("bg-header.gif") no-repeat left top #fff;
	}

div.footer { /* フッタであることを示す */
	margin:13px 0;
	}
/*******************************
		FanFic Setting
********************************/
body#fic01 {
	background:url("bg-eco.jpg") no-repeat left bottom #C0D9FF;
	background-attachment: fixed;
	scrollbar-face-color:#94bbff; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-3dlight-color:#94bbff; 
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-track-color:#94bbff; 
	scrollbar-darkshadow-color:#94bbff;
	}
body#fic01 .submit_button,
body#fic01 .error_submit_button,
body#fic01 .result_submit_button,
body#fic01 input.submit{
	background:url("bg3.jpg") repeat left top;
	background-attachment: fixed;
}
body#fic01 .name_parts,
body#fic01 .text_parts,
body#fic01 .textarea_parts,
body#fic01 input.text, body#fic01 textarea.text, body#fic01 .dropdown{
    background: #fff;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eef7ff),
        to(#fff)
        );     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eef7ff,
        #fff
        );
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeef7ff,endColorstr=#ffffffff);
    zoom: 1;
}
body#fic01 div.section {
		background:url("bg-header.gif") no-repeat left top #fff;
		}
body#fic01 div.fanfic {
	margin:7.5em 0 15px;
	}
body#fic01 address	{
	background:url("bg-header.gif") no-repeat left top #fff;
	border:1px solid #fff;
	}

body#fic {
	background:url("bg2.jpg") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic div.section {
	background:url("bg3.jpg") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic div.fanfic {
	margin: 28px 0 15px;
	padding: 28px;
	background:url("bg-header.gif") no-repeat left top #fff;
	border: 1px solid #fff;
	}
body#fic address	{
	background:url("bg1.jpg") repeat-x left top #fff;
	background-attachment: fixed;
	border:1px solid #fff;
	}

body#fic02 .submit_button,
body#fic02 .error_submit_button,
body#fic02 .result_submit_button,
body#fic02 input.submit,
body#fic02 .name_parts,
body#fic02 .text_parts,
body#fic02 .textarea_parts,
body#fic02 input.text,
body#fic02 textarea.text,
body#fic02 .dropdown {
	background:url("bg_fanfic02b.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic02 {
	background:url("bg_fanfic02a.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic02 div.section {
	background:url("bg_fanfic02c.gif") repeat-x left top #fff;
	}
body#fic02 div.fanfic {
	margin: 28px 0 15px;
	padding: 28px;
	background:url("bg_fanfic02b.gif") repeat left top #fff;
	background-attachment: fixed;
	border: 1px solid #fff;
	}
body#fic02 address	{
	background:url("bg_fanfic02c.gif") repeat-x left top #fff;
	border:1px solid #fff;
	}

body#fic04 .submit_button,
body#fic04 .error_submit_button,
body#fic04 .result_submit_button,
body#fic04 input.submit,
body#fic04 .name_parts,
body#fic04 .text_parts,
body#fic04 .textarea_parts,
body#fic04 input.text,
body#fic04 textarea.text,
body#fic04 .dropdown {
	background:url("bg_fanfic04b.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic04 {
	background:url("bg_fanfic04a.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic04 div.section {
	background:url("bg_fanfic04c.jpg") repeat-x left top #fff;
	}
body#fic04 div.fanfic {
	margin: 28px 0 15px;
	padding: 28px;
	background:url("bg_fanfic04b.gif") repeat left top #fff;
	background-attachment: fixed;
	border: 1px solid #fff;
	}
body#fic04 address	{
	background:url("bg_fanfic04c.jpg") repeat-x left top #fff;
	border:1px solid #fff;
	}

body#fic03 .submit_button,
body#fic03 .error_submit_button,
body#fic03 .result_submit_button,
body#fic03 input.submit,
body#fic03 .name_parts,
body#fic03 .text_parts,
body#fic03 .textarea_parts,
body#fic03 input.text,
body#fic03 textarea.text,
body#fic03 .dropdown {
	background:url("bg_fanfic03b.gif") repeat left top #e9f6fc;
	background-attachment: fixed;
	}
body#fic03 {
	background:url("bg_fanfic03a.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic03 div.section {
	background:url("bg_fanfic03c.gif") repeat left top #fff;
	background-attachment: fixed;
	}
body#fic03 div.fanfic {
	margin: 28px 0 15px;
	padding: 28px;
	background:url("bg_fanfic03b.gif") repeat left top #e9f6fc;
	background-attachment: fixed;
	border: 1px solid #fff;
	}
body#fic03 address	{
	background:url("bg_fanfic03c.gif") repeat left top #fff;
	background-attachment: fixed;
	border:1px solid #fff;
	}


/*******************************
		@media Setting
********************************/
@media
only screen and (min-width: 1824px) {

	div#main {
		width: 1350px;
		}
	div#aside {
		width: 1350px;
		}
	div#fotter {
		margin:80px auto;
		width: 1350px;
		clear: both;
		}

}

@media
only screen and (min-width: 1224px) {

	div#main {
		width: 1050px;
		}
	div#aside {
		width: 1050px;
		}
	div#fotter {
		margin:80px auto;
		width: 1050px;
		clear: both;
		}

}

@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {

	div#main {
		width: 696px;
		}
	div#aside {
		width: 696px;
		}
	div#fotter {
		margin:40px auto;
		width: 696px;
		clear: both;
		}
}
@media
only screen and (min-device-width: 240px) and (max-device-width: 768px),
only screen and (min-width: 240px) and (max-width: 768px) {

	div#header {
		padding: 34px 13px 8px;
		}
	div#header h1 img{
		width: 100%;
		}
	div#header h1 span{
		display: block;
		}
	div#main {
		width: 90%;
		}
	div#aside {
		width: 90%;
		}
	div.fanficArt img{
		width: 100%;
		}
	div#fotter {
		margin:40px auto;
		width: 90%;
		clear: both;
		}
	.txt4{line-height: 1.79;font-size: 108%;}
	.txt6{line-height: 1.8;font-size:123.1%;}

}