/*
空色季節　main.css
Writting by Sorairokisetsu Administrator

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□■□□□□■■□□□□□□□□□□□□□■■□□□□■□□□□
□□□□■□□□□■□□■□□□□■■■■□□□■□□■□□□□■□□□
□□□■□□□□□■□□■□□□■□□□■□□□■□□■□□□□□■□□
□□□■□□□□□□■■□□□□■□□□■□□□□■■□□□□□□■□□
□□■□□□□□□□□□□□□□■□□□■□□□□□□□□□□□□□■□
□□■□□□□□□□□□□□□□■□□□■□□□□□□□□□□□□□■□
□□■□□□□□□□□□□□□□■□□□■□□□□□□□□□□□□□■□
□□□■□□□□□□□□□□□□■□□□■□□□□□□□□□□□□■□□
□□□■□□□□□□□□□□□■□□□□■□□□□□□□□□□□□■□□
□□□□■□□□□□□□□□■■■■■■■■□□□□□□□□□□■□□□
□□□□□■□□□□□□□□■□□□□□□■□□□□□□□□□■□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□■■■■□□□□□□□□□□■□□□□□□□□□□■□□□□□□□□□
□□□□■□■□□□□□□■■■■■□□□□□□■■■■□□■□□□□□
□■■■■■■■□□□□□□□■□□□□□□□□□■□□□■□■□□□□
■□□■□□■□□■■■□□■□□■■■□■■■□■□■■■□□□■■■
■□□■□□■□□□□□□□■□□□□□□□□□□□□■□■■□□□□□
□■■□□■□□□□□□□□■□□■■■□□□□□□□■■■□□□□□□


INDEX
1.Basis Formation
2.IMG controll
3.content
4.headline

*/


/*■■■1.Basis Formation■■■*/

*{
	font-style:normal;
	font-size:1.0em;
	text-align:left;
	margin:0px;
	padding:0px;
}

body{
	font-size:0.9em;
	width:100%;
}

#inform{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


/*　他に解決策無いか…？　*/
#flame{
	width:1024px;
	text-align:center;
	padding:10px 0px;
	margin:10px auto -10px auto;
	background-color:#fdfdfd;
	line-height:1.8em;
	zoom:100%;/*IE6用*/
	overflow:auto;/*IE7とFirefox用*/
}

a{
	background-color:#fdfdfd;
	text-decoration:none;
}


a:hover{
	background-color:#ccdfef;
	border-style:none;
}

#menu_back{
	width:100%;
	background-image: url(image/menu_back.png);
	background-repeat:repeat-x;
	display:block;
	text-align:center;
	margin:0px 0px -10px 0px;
}

#menu {
	text-align:center;
	padding:0px;
	margin:0px auto;
	width:1024px;
	height:50px;
}

#menu li{
	display:inline;
}

#bg{
	background-image: url(image/back.gif);
	background-color:#000000;
	background-repeat:repeat;
}

.clear{
	clear:both;
}

p{
	padding:5px;
	margin:10px 0px;
}

hr{
	margin:2em 0px;
	clear:both;
}

li{
	list-style-type:none;
}

/*■■■2.IMG controll■■■*/

a.pic {
	display:block;
	padding:-10px 0px;
	margin:0px 5px;
}

a.pic img{
	position:absolute;
}

.left{
	float:left;
}

.right{
	float:right;
}

/*イラスト用*/
.ill,
.ill img{
	width:199px;
	height:150px;
}

/*一眼デジ用*/
.pt1,
.pt1 img{
	width:230px;
	height:150px;
}

/*コンデジ用*/
.pt2,
.pt2 img{
	width:200px;
	height:150px;
}
/*縦構図用*/
.pt3,
.pt3 img{
	width:150px;
	height:200px;
}
/*箱構図用*/
.pt4,
.pt4 img{
	width:150px;
	height:150px;
}

a.pic:hover{
	border:none;
}

a.pic:hover img{
	width:auto;
	height:400px;
}

img{
	border:none;
	vertical-align:text-bottom;
}

div img{
	vertical-align:text-bottom;
}


/*■■■3.content■■■*/

#tops{
	padding:0px 10px;
	margin:0px 0px 15px 0px;
	border-style:none none solid none;
	border-color:#ddddee;
	border-width:2px;
	width:1002px;
}

#left{
	padding:10px 10px 0px 10px;
	border-style:none none none solid;
	border-color:#ddddee;
	border-width:2px;
	width:730px;
	float:right;
}

#right{
	font-size:0.8em;
	padding:10px 10px 0px 10px;
	width:245px;
	float:left;
}

#right li{
	line-height:1.2em;
	margin:5px 0px 5px 5px;
}

#additional_bg{
	width:100%;
	background-color:#3f3f3f;
}

#additional{
	color:#FFFFFF;
	font-size:0.8em;
	width:1002px;
	text-align:center;
	border-style:none solid;
	border-color:#ddddee;
	border-width:1px;
	padding:10px 10px 0px 10px;
	margin:0px auto;
	background-color:#3f3f3f;
}

#add_base{
	zoom:100%;/*IE6用*/
	overflow:auto;/*IE7とFirefox用*/
}

.add_box_one{
	width:170px;
	padding:5px;
	margin:5px;
	border-style:none none none solid;
	border-color:#ddddee;
	border-width:1px;
	float:left;
}

.add_box{
	width:auto;
	padding:5px;
	margin:5px;
	border-style:none none none solid;
	border-color:#ddddee;
	border-width:1px;
	float:left;
}

#additional li{
	margin:1em;
}

#additional a{
	color:#c6c6ef;
	background-color:#3f3f3f;
	}

.tiny{
	font-size:0.7em;
	color:#aaaaaa;
	text-align:right;
	margin:-10px 0px -15px 0px;
}

.quote{
	font-size:0.8em;
	line-height:1.5em;
	padding:5px;
	margin:5px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	background-color:#ddddee;
}

.bar{
	display:inline;
	width:650px;
	padding:0px;
	margin:0px 0px 10px 10px;
	border-style:none solid solid solid;
	border-color:#222222;
	border-width:1px;
}


/*■■■4.headline■■■*/

h1,h2,h3,h4,h5,h6{padding:0px;
	margin:0px;}

/*サイトインデックス*/
h1{
	font-size:0.2em;
	color:#ffffff;
	text-align:right;
}

/*ページインデックス*/
h2{
	font-size:0.2em;
	color:#ffffff;
	width:1020px;
	height:50px;
	text-align:center;
	background-repeat:no-repeat;}

/*コンテンツインデックス*/
h3{font-size:1.1em;
	padding:0.2em;
	margin:5px 0px;
	border-style:solid none dashed none;
	border-width:1px;}

/*アイテムインデックス*/
h4{
	color:#aaaaaa;
	font-size:0.9em;
	padding:0px 0px 5px 5px;
	bakcground-color:#dddddd;
	border-style:none dashed dashed solid;
	border-width:1px;}

h5{font-size:1.0em;
	padding:0.2em 0.5em;
	bakcground-color:#F7E3C2;
	border-style:solid dashed dashed solid;
	border-width:1px;}