@charset "UTF-8";

/*初期化用*/
@import "common.css";

/*拡張用*/
@import "advanced.css";


/*--------------------------------------------------------
1、total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	text-align: center;
	background-color: #CC0001;
	scrollbar-base-color: #CC0001;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #e10000;
}

/*文字設定*/
body,pre{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #000000;
}

/*--------------------------------------------------------
2、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}

/*■上記以外の横幅*/
div#container,
div#header,
div#calendar,
div#main,
div#footer{
	/*width: 580px;*/
	width: 765px;
}


/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header{
	z-index: 1;
	position: absolute;
	top: 0px;
	height: 50px;
	background-image: url(../images_design/photo_blog/photo_blog_head.jpg);
}

p#logo_img {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}


/*--------------------------------------------------------
4-3、メインの設定
--------------------------------------------------------*/

div#main{
	position: absolute;
	top: 50px;
	overflow: hidden;
}

div#main-contents {
	padding-right: 5px;
	padding-left: 5px;
	padding-left: 0px;
}

div#main-contents li{
	display: inline-block;
	height: 220px;
	_height: 230px;
	width: 180px;
	float: left;
	margin: 5px;
	background-image: url(../images_design/photo_blog/photo_blog_back.jpg);
	text-align: center;
	padding-top: 10px;
}

div#main-contents .girl{
	display: inline-block;
	height: 250px;
	_height: 250px;
	width: 180px;
	float: left;
	margin: 5px;
	background-image: url(../images_design/photo_blog/photo_blog_back2.jpg);
	text-align: center;
	padding-top: 10px;
	overflow: hidden;
}

div#main-contents .girl p{
	width: 180px;
	height: 30px;
	padding-top: 10px;
}

/*リンク色*/
a:link{ color: #fff; text-decoration: none;}
a:hover{ color: #c00; text-decoration: none;}
a:visited{ color: #fff; text-decoration: none;}

/*--------------------------------------------------------
4-4、フッターの設定
--------------------------------------------------------*/

div#footer{
	background-image: url(../images_design/photo_blog/photo_blog_foot.jpg);
	float: left;
	clear: both;
	background-repeat: no-repeat;
	height: 60px;
}

p#close {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

/*------------------------------------------------------------

-------------------------------------------------------------*/