@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #818181;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #818181;
    height: 100%;
	letter-spacing: 0.1em;
}

#indexBody {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #818181;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	background-image: url('../images/bg_enter.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
    height: 100%;
	letter-spacing: 0.1em;
}

html {
    height: 100%;
}

#base_news {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_top.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

#base_works {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_works.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

#base_read {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_read.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

#base_profile {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_profile.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

#base_contact {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_contact.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

#base_shop {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url('../images/bg_shop.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
}

a:link {color:#a864a8;text-decoration:none;}
a:visited {color:#a864a8;text-decoration:none;}
a:hover {color:#ed1414;text-decoration:none;}
a:active {color:#a864a8;text-decoration:none;}


.t10-1 { font-size: 10px; line-height: 1.4em;}
.t10-1bk { font-size: 10px; line-height: 1.4em;}
.t10-2 { font-size: 10px; line-height: 2em;}
.t10-3 { font-size: 10px;  line-height: 19px;}
.t10-4 { font-size: 10px;  line-height: 15px;}
.t12-1 { font-size: 12px; line-height: 1.4em;}
.t12-1bk { font-size: 12px; line-height: 1.2em;}
.t14-1 { font-size: 14px; line-height: 1.5em;}
.t16-1 { font-size: 16px; line-height: 1.5em;}
.new { font-size: 12px; letter-spacing: 0em; font-weight:bold; color:#a864a8;}

img	{
	border:0;
}

.style1 {
	color: #f69679;
	font-weight: bold;
}

.style2 {
	color: #a864a8;
}

h1,h2,h3,h4,h5,form,p,ul,ol,li,div,table {
	margin: 0;
	padding: 0;
}

.icon {
	position:relative;top:3px;
	margin-right:3px;
}

#container {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


#header {
	margin: 0;
	padding: 0;
	height:321px;
}

#contentsHeader {
	margin: 0;
	padding: 0;
	height:142px;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#mainContent {
	margin: 0;
	padding: 0 20px;
}

#mainContent2 {
	margin: 0;
	padding: 0 24px 0 23px;
}

/* コンテンツ */

#title {
	width:350px;
	float:left;
}

.content {
	margin: 5px 0 0 0;
	font-size:10px;
	line-height:1.6em;
}

.content2 {
	margin: 5px 0 0 0;
	font-size:12px;
	line-height:1.6em;
}

.content3 {
	margin: 0 0 0px 0;
	font-size:10px;
	line-height:1.6em;
}


.content a:link{color:#a864a8;text-decoration:none;}
.content a:active{color:#a864a8;text-decoration:none;}
.content a:visited{color:#a864a8;text-decoration:none;}
.content a:hover{color:#ed1414;text-decoration:none;}

.works01 {
margin-right:5px;
}

/* 半透明処理 */

.style_form {
filter:alpha(opacity=45); /*IE*/
-moz-opacity:0.45; /*FF*/
opacity:0.45;
}

/* ie バグ対策 */

br{
	letter-spacing:0;
}


/* 更新 */

#update {
	width:246px;
	height:158px;
	float:right;
	background-image: url('../images/bg_update.jpg');
	background-repeat: no-repeat;
	font-size:10px;
	position:relative; top:10px; right:24px;
}


/* メニュー */

#menu {
	padding:0 0 0 36px;
	height:176px;
}

ul.menu {
	float:right;
	position:relative; top:54px; right:20px;
	width:535;
	margin: 0;
	padding: 0;
}

ul.menu li{
	margin: 0;
	padding: 0;
	list-style:none;
	float:left;
	display:block;
}

ul.menu li a {
    margin: 0;
	padding: 0;
	float:left;
	display:block;
}

ul.menu li img{
	vertical-align:bottom;
}


/* ポップアップ */

.news_menu {
	width:200px;
}

div.news_menu1 a,.news_menu2 a,.news_menu3 a,.news_menu4 a,.news_menu5 a,.news_menu6 a,.news_menu7 a,.news_menu8 a,.news_menu9 a {
	position:relative;
	display:block;
}

div.news_menu1 a span{
	position:absolute;
	top:2px;
	left:110px;
	width:150px;
	visibility:hidden;
	padding:0px;
	color:#a864a8;
	font-size:10px;
}

div.news_menu2 span{
	position:absolute;
	top:3px;
	left:57px;
	width:150px;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu3 a span{
	position:absolute;
	top:3px;
	left:80px;
	width:250px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu4 a span{
	position:absolute;
	top:2px;
	left:115px;
	width:250px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu5 a span{
	position:absolute;
	top:3px;
	left:172px;
	width:250px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu6 a span{
	position:absolute;
	top:3px;
	left:133px;
	width:150px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu7 a span{
	position:absolute;
	top:2px;
	left:67px;
	width:200px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu8 a span{
	position:absolute;
	top:3px;
	left:119px;
	width:200px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu9 a span{
	position:absolute;
	top:3px;
	left:107px;
	width:150px;
	visibility:hidden;
	padding:0;
	color:#a864a8;
	font-size:10px;
}

div.news_menu1 a:hover,div.news_menu1 a:hover span,
div.news_menu2 a:hover,div.news_menu2 a:hover span,
div.news_menu3 a:hover,div.news_menu3 a:hover span,
div.news_menu4 a:hover,div.news_menu4 a:hover span,
div.news_menu5 a:hover,div.news_menu5 a:hover span,
div.news_menu6 a:hover,div.news_menu6 a:hover span,
div.news_menu7 a:hover,div.news_menu7 a:hover span,
div.news_menu8 a:hover,div.news_menu8 a:hover span,
div.news_menu9 a:hover,div.news_menu9 a:hover span
{
	visibility:visible;
}

/* メニュー */

#works_menu {
	position:relative; top:94px; right:100px;
	margin: 0;
	padding: 0;
	list-style:none;
	float:left;
	display:block;
	font-size:12px;
}

#works_menu a:link{color:#818181;text-decoration:none;}
#works_menu a:active{color:#818181;text-decoration:none;}
#works_menu a:visited{color:#818181;text-decoration:none;}
#works_menu a:hover{color:#ed1414;}


/* フッター */

.footer_menu {
	padding:25px 0 0 0;
	line-height:16px;
}

.footer_menu a:link{color:#818181;text-decoration:none;}
.footer_menu a:active{color:#818181;text-decoration:none;}
.footer_menu a:visited{color:#818181;text-decoration:none;}
.footer_menu a:hover{color:#ed1414;}

#footer {
	background-color: #FFFFFF;
	background-image: url('../images/bg_footer.jpg');
	background-repeat: no-repeat;
	background-position: center 0;
	font-size:10px;
	height:76px;
}

#top_footer {}

#top_footer a:link{color:#818181;text-decoration:none;}
#top_footer a:active{color:#818181;text-decoration:none;}
#top_footer a:visited{color:#818181;text-decoration:none;}
#top_footer a:hover{color:#ed1414;}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}