/* トップページのスタイル設定(page.css) --------------------------------------------------
トップページのレイアウト専用のスタイルシートです。
メインフォルダーにあるmain.cssで設定しているフォントや画像などのおおまかな設定以外の詳細はこちらで設定していますので、各設定にある説明にしたがって修正して下さい。

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

/* 共通設定の読み込み ----------------------------------------------------------------- */

@import "../main/main.css";/*					共通設定のmain.cssを読み込んでいます */


/* ------------------------------------------------【ＴＯＰページレイアウト用基本設定】 */

.maincell {/*					左上部の大きな枠 */
	width: 620px;
	margin: auto;
	padding: 15px 0px;
	text-align: center;
}

.subcell {/*					右上部の小さな枠 */
	width: 180px;
	margin: auto;
	padding: 10px 0px;
	text-align: center;
}

#ue {/*							右上部の装飾枠（上の部分） */
	height: 60px;
	margin: auto;
	padding: 0px auto;
	text-align: center;
	vertical-align: bottom;
	background-image: url('ue.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#naka {/*						右上部の装飾枠（中の本文部分） */
	margin: auto;
	padding: 10px;
	text-align: center;
	background-image: url('naka.gif');
	background-repeat: repeat-y;
	background-position: 50% 100%;
}

#sita {/*						右上部の装飾枠（下の部分） */
	height: 50px;
	margin: auto;
	padding: 0px 0px 20px 0px;
	text-align: center;
	background-image: url('sita.gif');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}


/* ----------------------------------------------------------【ハピ婚写真館表示部設定】 */

.hapikonfile {/*				ハピ婚写真館本文 */
	width: 250px;
	height: 250px;
	margin: auto;
	text-align: center;
	background-image: url('hapikonfile.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.hapikonfile p {/*				ハピ婚写真館本文段落 */
	padding: 5px;
}

.filenumber {/*					ハピ婚写真館本文：ファイルナンバー */
	color: #ff6900;
	font-weight: bold;
	margin: auto;
	padding: 10px 0px 3px 30px;
	text-align: left;
}

.namefont {/*					ハピ婚写真館本文：新郎・新婦の名前 */
	font-size: 130%;
	color: #ff9e10;
	font-weight: bold;
}

.hapikonphoto {/*				ハピ婚写真館写真表示 */
	width: 300px;
	text-align: right;
	background-image: url('photo.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.kadomaru {/*					写真の角を丸くさせる設定（いらなければ削除可能） */
	width: 300px;
	height: 250px;
	text-align: right;
	background-image: url('photomaru.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}


/* ----------------------------------------------------------【イベント情報表示部設定】 */

.scroll {/*						高さが100px以上でスクロールバーを表示(更新情報と共通） */
	height: 100px;
	margin: auto;
	padding: 0px 5px;
	text-align: left;
	overflow: auto;
}

#data {/*						イベント情報記述部分(更新情報と共通） */
	margin-left: -30px;
	padding: 0px 0px 5px 0px;
	line-height: 200%;
}

.date {/*						イベント記述部分：日付（太字で表示：更新情報と共通） */
	padding: 5px 20px 5px 0px;
	font-weight: bold;
}


/* ----------------------------------------------------【トピックスメニュー表示部設定】 */

.topics {/*						トピックスメニュー基本設定 */
	margin: auto;
	padding: 30px 0px;
	text-align: center;
}

#topicmenu {/*					トピックスメニューリスト基本設定 */
	margin: 20px 0px 0px -35px;
}

#topics {/*						トピックスメニューリストが横3列に並ぶように設定 */
	width: 200px;
	height: 210px;
	margin: 0px 0px 0px -5px;
	position: relative;
	float: left;
}

.uep {/*						トピックスメニューレイアウト用枠(ピンク)上部 */
	width: 200px;
	height: 60px;
	padding-top: 25px;
	background-image: url('uep.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
	vertical-align: bottom;
}

.uep2 {
	width: 200px;
	_height: 60px;
	padding: 35px 0px 15px 0px;
	background-image: url('uep.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
	vertical-align: bottom;
}

.nakap {/*						トピックスメニューレイアウト用枠(ピンク)中部 */
	height: 110px;
	padding: 5px 10px;
	font-size: 90%;
	text-align: left;
	background-image: url('nakap.gif');
	background-repeat: repeat-y;
	background-position: 50% 0;
}

.sitap {/*						トピックスメニューレイアウト用枠(ピンク)下部 */
	height: 20px;
	background-image: url('sitap.gif');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.ueo{/*							トピックスメニューレイアウト用枠(オレンジ)上部 */
	width: 200px;
	_height: 60px;
	padding: 25px 0px 0px 0px;
	background-image: url('ueo.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
	vertical-align: bottom;
}

.ueo2 {
	width: 200px;
	_height: 60px;
	padding: 35px 0px 15px 0px;
	background-image: url('ueo.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
	vertical-align: bottom;
}

.nakao {/*						トピックスメニューレイアウト用枠(オレンジ)中部 */
	height: 110px;
	padding: 5px 10px;
	font-size: 90%;
	text-align: left;
	background-image: url('nakao.gif');
	background-repeat: repeat-y;
	background-position: 50% 0;
}

.sitao {/*						トピックスメニューレイアウト用枠(オレンジ)下部 */
	height: 20px;
	background-image: url('sitao.gif');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.ueb{/*							トピックスメニューレイアウト用枠(ブルー)上部 */
	width: 200px;
	height: 60px;
	padding-top: 25px;
	background-image: url('ueb.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
}

.nakab {/*						トピックスメニューレイアウト用枠(ブルー)中部 */
	height: 110px;
	padding: 5px 10px;
	font-size: 90%;
	text-align: left;
	background-image: url('nakab.gif');
	background-repeat: repeat-y;
	background-position: 50% 0;
}

.sitab {/*						トピックスメニューレイアウト用枠(ブルー)下部 */
	height: 20px;
	background-image: url('sitab.gif');
	background-repeat: no-repeat;
	background-position: 50% 0;
}


/* ----------------------------------------------------------【更新情報表示部設定】 */

#news {/*						更新情報基本設定 */
	width: 550px;
	margin: 20px 0px 50px 0px;
}


/* --------------------------------------------【日記・その他コンテンツ表示部設定】 */

#diary {
	width: 380px;
	padding: 20px;
}

#other {
	width: 360px;
	padding: 20px;
}

.kokuchi {
	margin-left: -25px;
	_margin-left: -10px;
}

.kokuchi li {
	margin-bottom: 5px;
}