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

/* リンク関連*/	
a:link {
	color: #4d4d4d; text-decoration: none;
}


a:visited {
	color: #4d4d4d; text-decoration: none;
}

a:hover[href] {
	color: #4d4d4d; background-color: #cedeac;
}


/* メイン */	
body {
color:#333333;
width:1024px;
height:auto;
background-color:#FFFFFF;
background-repeat:no-repeat;
background-image:url(images/bg_02.gif);
background-position:right bottom;
font-size:12px; color:#4d4d4d;
margin:0px;
background-attachment:fixed;
}

#container {
width:1024px;
height:399px;
border:none;
background-image:url(images/bg_01.gif);
background-repeat:no-repeat;
background-position:left top;
}

#container img{
	border:none;
}

#container img a{
	border:none;
}
	

/* 上リンク */	
#head_menu {
	display:block;
	text-align:right;
	font-size:12px;
	height:auto;
	border:none;
	position:absolute;
	right:10px;
	top:40px;
	width: 546px;
}

/*ヘッダー文章 */
#head_text {
display:block;
position:absolute;
right:10px;
font-size:10px;
text-decoration:none;
text-align:right;
margin-bottom:5px;
margin-top:5px;
}

/* ロゴ */	
img#logo {
position:absolute;
right:0px;
top:60px;
}


/* newクレジット */
#credit {
	text-align:right;
	position:absolute;
	display:block;
	right:10px;
	top:115px;
	width:300px;
	font-size:12px;
	line-height:130%;
}

/* newインフォメーション */
#info {
	position:absolute;
	background:url(images/top-info-title.jpg) top no-repeat;
	top:550px;
	left:130px;
	display:block;
	width:420px;
	line-height:150%;
	color:#333333;
	padding-top:25px;
	padding-bottom:10px;
	border-bottom:solid #cccccc 1px;
}




/* blogからの1ショット */
div.shot {
	position:absolute;
	right:50px;
	top:218px;
	width:400px;
	height:400px;
	text-align:center;
}


/* メインメニュー部分*/	
div.mainmenu {
position:absolute;
left:170px;
top:200px;
}

/* メインメニューのロールオーバー効果*/	

#consept a{
	position:absolute;
	top:200px;
	left:130px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_01.gif) no-repeat;
	height:39px;
	line-height:39px;
	text-decoration:none;
	text-align:center;
}
#consept a:hover{
color:orange; 
background:url(images/menu_on_01.gif) no-repeat;
}


#profile a{
	position:absolute;
	top:239px;
	left:130px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_02.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#profile a:hover{
color:orange; 
background:url(images/menu_on_02.gif) no-repeat;
}

#wedding a{
	position:absolute;
	top:260px;
	left:310px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_03.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#wedding a:hover{
color:orange; 
background:url(images/menu_on_03.gif) no-repeat;
}


#gift a{
	position:absolute;
	top:299px;
	left:310px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_04.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#gift a:hover{
color:orange; 
background:url(images/menu_on_04.gif) no-repeat;
}

#display a{
	position:absolute;
	top:338px;
	left:310px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_05.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#display a:hover{
color:orange; 
background:url(images/menu_on_05.gif) no-repeat;
}

#lesson a{
	position:absolute;
	top:377px;
	left:310px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_06.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#lesson a:hover{
color:orange; 
background:url(images/menu_on_06.gif) no-repeat;
}

#blog a{
	position:absolute;
	top:400px;
	left:130px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_07.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#blog a:hover{
color:orange; 
background:url(images/menu_on_07.gif) no-repeat;
}

#contact a{
	position:absolute;
	top:439px;
	left:130px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_08.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
}
#contact a:hover{
color:orange; 
background:url(images/menu_on_08.gif) no-repeat;
}

#link a{
	position:absolute;
	top:478px;
	left:130px;
	display:block;
	width:166px;
	color:#F0027F;
	background:url(images/menu_base_09.gif) no-repeat;
	height:39px;
	text-decoration:none;
	text-align:center;
	background-image: url(images/menu_base_09.gif);
}

#link a:hover{
color:orange; 
background:url(images/menu_on_09.gif) no-repeat;
}


/* ブログの1ショット画像 */	
img#photo {
background-color:#ffffff;
padding:10px;
border: 1px solid #999999;
}

/* ブログの1ショット画像borderなし */	
img#photo2 {
background-color:#ffffff;
}