@import url('FontSize.css');

* {
    margin: 0;
    padding: 0;
}

html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}


body {
/*
	background-color: 	#e85799;
	background-position:	center;
*/
	margin-right: 	auto;
	margin-left: 	auto;
	text-align: 	center;
	color: 			#666;
	font-family:	"メイリオ","Meiryo","ヒラギノ角ゴシックPro W3", "Hiragino KakuGothic Pro", "Tahoma", "Osaka", "ＭＳ Ｐゴシック";
	font-size:		12px;
	line-height:	1.5em; 
}

#wrap {
	margin:			0 auto;
	padding:		0;
	text-align:		center;
	width: 			820px;
	border:			1px gray solid;

/*
	background-image: 	url("../image/background.gif");
	background-repeat: 	repeat-y;
*/
}

#layout {
	background:		white;
	border:			none;
	margin:			0 auto;
	text-align: 	left;
	padding: 		0;
}

.head1 {
	background-image: url("../image/header_back.gif");
	background-repeat: no-repeat;
	height: 171px;
}
.head2 {
	background-image: url("../image/header_back2.gif");
	background-repeat: no-repeat;
	height: 171px;
}
.headtop {
	background-image: url("../image/header_back_top.gif");
	background-repeat: no-repeat;
	height: 171px;
}

#footer {
	background: white;
}

form {
	margin:0;
	padding:0;
}


/*********** for head ********************/
#head .locimage {
	border:none;
}



/*********** for menu column *************/

#menucolumn {
	margin:0;
	padding:0 0 0 8px;
	height:54px;
}

#menucolumn li {
	list-style:	none;
	float:		left;
}

#menucolumn li a {
	display:block;
	width:114px;
	height:54px;		
	background-repeat:no-repeat;
}

#menucolumn li a.loc {
	background-position:0 16px; 
	background-image:url('../image/menu01.gif');
}
#menucolumn li a.supporter {
	background-position:0 16px; 
	background-image:url('../image/menu02.gif');
}
#menucolumn li a.topics {
	background-position:0 16px; 
	background-image:url('../image/menu03.gif');
}
#menucolumn li a.community {
	background-position:0 16px; 
	background-image:url('../image/menu04.gif');
}
#menucolumn li a.about {
	background-position:0 16px; 
	background-image:url('../image/menu05.gif');
}
#menucolumn li a.arch {
	background-position:0 16px; 
	background-image:url('../image/menu06.gif');
}

/* hover */

#menucolumn li a.loc:hover {
	background-position:0 0; 
	background-image:url('../image/menu01_or.gif');
}
#menucolumn li a.supporter:hover {
	background-position:0 0; 
	background-image:url('../image/menu02_or.gif');
}
#menucolumn li a.topics:hover {
	background-position:0 0; 
	background-image:url('../image/menu03_or.gif');
}
#menucolumn li a.community:hover {
	background-position:0 0; 
	background-image:url('../image/menu04_or.gif');
}
#menucolumn li a.about:hover {
	background-position:0 0; 
	background-image:url('../image/menu05_or.gif');
}
#menucolumn li a.arch:hover {
	background-position:0 0; 
	background-image:url('../image/menu06_or.gif');
}

/* act */

#menucolumn li a.loc-act {
	background-position:0 0; 
	background-image:url('../image/menu01_ac.gif');
}
#menucolumn li a.supporter-act {
	background-position:0 0; 
	background-image:url('../image/menu02_ac.gif');
}
#menucolumn li a.topics-act {
	background-position:0 0; 
	background-image:url('../image/menu03_ac.gif');
}
#menucolumn li a.community-act {
	background-position:0 0; 
	background-image:url('../image/menu04_ac.gif');
}
#menucolumn li a.about-act {
	background-position:0 0; 
	background-image:url('../image/menu05_ac.gif');
}
#menucolumn li a.arch-act {
	background-position:0 0; 
	background-image:url('../image/menu06_ac.gif');
}

#menubar {
	height:11px;
	width:100%;
}

#menubar .archive {
	background-image:url('../image/img_sup_icon/head_bar2.gif') none no-repeat fixed left top ;
}



/**********************************************/

#top {
    font-size: 100%;
    background-color:#e85799;
    background-image: url("../image/background_top.gif");
    background-repeat: repeat-y;
    background-position: center;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    text-align: center;
	color: #666;
}

/**********************************************/

a,
a:link,
a:visited {
	color:#FF66CC;
	text-decoration: underline;
}
a img {
    border: none;
}

/**********************************************/

#s-menu {
    padding: 13px 10px 0px 0px ;
	color: #666;
}
#s-menu a {
    color: #666;
	text-decoration: none; 
}	

/************* for #pan *********************************/

#pan,
#pan a,
#pan a:link,
#pan a:visited {
	color: #fff;
}

.description {
	margin: 12px 0px 0px 90px;
}

.subtitle1 {
    margin: 0px 0px 0px 20px;
}

.subtitle2 {
    margin: 10px 0px 0px 20px;
}

/**********************************************/

#layout #laytitle {
    margin-left:20px;
}

.contents {
    margin-right: auto;
    margin-left: auto;
	margin-top: 30px;
    width: 625px;
 }

.contents-n {
    margin-right: auto;
    margin-left: auto;
}
.contents-nie {
	padding: 30px 0px 0px 100px;
	width: 650px;
}
.contents-priv {
    margin-right: 50px;
    margin-left: 50px;
	margin-top: 30px; 
	width: 720px;
}
.contents-sub {
    margin: 15px 0px 0px 0px;
    width: 625px;
	background-color:#3300FF;
}

.contents-main {
    margin: 15px 0px 0px 110px;
    width: 605px;
}

.right-box {
	float: right;
	padding: 50px 15px 0px 0px;
}

.left-box {
	float: left;
	padding: 50px 0px 0px 15px;
}

.note-mid {
    background-image: url("../image/note_mid.gif");
	background-repeat: repeat-y;
	width: 501px;
	padding: 0px 10px 0px 50px;

}
.note-sup {
    background-image: url("../image/supporter_mid.gif");
	background-repeat: repeat-y;
}
.note-comm {
    background-image: url("../image/community_mid.gif");
	background-repeat: repeat-y;
}
.note-sup-t {
	margin: 0px 35px 0px 15px;
}
.note-right{
    background-image: url("../image/note_right_mid.gif");
	background-repeat: repeat-y;
	background-color: #fff;
}

.news-back-mid {
	background-image: url("../image/news_back_mid.gif");
	background-repeat: repeat-y;
}

.b-name {
	font-size: 14px;
}


.news-back {
   background-image:url("../image/img_topics/back_mid.gif");
	background-repeat: repeat-y;
}
	
#news-title {
    font-size: 130%;	
	color: #e85799;
	text-decoration: none; 
}

#iframe1 {
	margin: 0;
	padding: 0;
	border:none;
	width:820px;
	height:1000px;
	overflow:hidden;
}


/**********************************************/


.comm-main {
    margin-left: 70px;
}

.mail-back {
	background-image: url("../image/img_comm/mail_back.gif");
	background-repeat: no-repeat;
	margin: 0 0 0 90px;
	padding: 4px 0 0 0;
	display:inline;
}

textarea { 
	scrollbar-base-color: #e5f5e7; 
	scrollbar-face-color: white;
    height: 66px;
} 

.text-comment {
    background-image: url("../image/img_about/comment_mid.gif");
	background-repeat:repeat-y;
	padding: 10px;
}
.text-comment-m {
	padding: 5px;
}

.list {
    margin: 0px 18px 30px 18px;
}
.c-name {
    font-size: 14px;
	padding-left: 10px;
}

#c-top a{
    margin:5px 5px 0px 0px;
    float: right;
    font-size: 10px;
	color: #e85799;
	text-decoration: underline;
}
.kanaback {
   background-image: url(../image/kana_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom ;
}

.list-01 {
   background-image: url(../image/img_sup_icon/cate03_01.gif);
	background-repeat: repeat-y;
}
.list-02 {
    background-image: url(../image/img_sup_icon/cate03_02.gif);
	background-repeat: repeat-y;
}

.list-03 {
    background-image: url(../image/img_sup_icon/cate03_03.gif);
	background-repeat: repeat-y;
}

.list-04 {
    background-image: url(../image/img_sup_icon/cate03_04.gif);
	background-repeat: repeat-y;
}

.list-05 {
    background-image: url(../image/img_sup_icon/cate03_05.gif);
	background-repeat: repeat-y;
}

.list-06 {
    background-image: url(../image/img_sup_icon/cate03_06.gif);
	background-repeat: repeat-y;
}

.list-07 {
    background-image: url(../image/img_sup_icon/cate03_07.gif);
	background-repeat: repeat-y;
}

.list-08 {
    background-image: url(../image/img_sup_icon/cate03_08.gif);
	background-repeat: repeat-y;
}

.list-09 {
    background-image: url(../image/img_sup_icon/cate03_09.gif);
	background-repeat: repeat-y;
}

.list-10 {
    background-image: url(../image/img_sup_icon/cate03_10.gif);
	background-repeat: repeat-y;
}

.list-11 {
    background-image: url(../image/img_sup_icon/cate03_11.gif);
	background-repeat: repeat-y;
}

.list-12 {
    background-image: url(../image/img_sup_icon/cate03_12.gif);
	background-repeat: repeat-y;
}

.list-13 {
    background-image: url(../image/img_sup_icon/cate03_13.gif);
	background-repeat: repeat-y;
}

.list-14 {
    background-image: url(../image/img_sup_icon/cate03_14.gif);
	background-repeat: repeat-y;
}

.list-15 {
    background-image: url(../image/img_sup_icon/cate03_15.gif);
	background-repeat: repeat-y;
}

.list-16 {
    background-image: url(../image/img_sup_icon/cate03_16.gif);
	background-repeat: repeat-y;
}

.list-99 {
    background-image: url(../image/img_sup_icon/cate03_99.gif);
	background-repeat: repeat-y;
}

.list-kana {
    background-image: url(../image/img_sup_icon/cate03_kana.gif);
	background-repeat: repeat-y;
}

/**** for xVal ****/

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/******************************************************/

#comform {
	width:820px;
    min-height:100px;
}    

* html #comform {
    height:100px;
}    

#comform h2 {
    font-size:18px;
    font-weight:bold;
}

#comform .comname {
    width:785px;
    height:36px;
    line-height:50px;
    margin-left:35px;
}    

#comform .comleft {
    float:left;
    display:inline;
    margin-left:35px;
    width:430px;
    height:450px;
}


.comleft table td,
.comright table td {
    padding:2px 0 2px 4px;
}

.comleft .hanatitle {
	font-weight:bold;
	color:RoyalBlue;
}

.comleft .hanabody {
	padding-top:4px;
	padding-bottom:12px;
}


#comform .comright {
    float:right;
    display:inline;
    width:300px;
    margin-right:35px;
}

.comright .area {
	margin-bottom:14px;
}