
html {
    height: 100%;
    background-color: #d9d1c5;
background:url(../img/bg_grade.jpg) repeat-x center top #fff;
}

body {
    position: relative;
    width: 994px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
background:url(../img/bg_grade.jpg) repeat-x center top #fff;
color:#544930;
font-family:"MS PGothic", Osaka, Sans-Serif,Verdana, Arial, sans-serif;
border-left:0px solid #413426;
border-right:0px solid #726148;
}

html>body {
background:url(../img/bg_dot.gf) repeat-y center top;
border-left:0px solid #726148;
border-right:0px solid #726148;
}

/* for IE(Quirks Mode) */
* html body {
    padding-left: 1px;
    text-align: center;
}

#header,
#content,
#footer {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

/*　base　------------------------------------------------*/
/*------a {text-decoration:none;color:#555476;}
a {color:#555476;text-decoration:none;}
a:link {color:#555476;text-decoration:none;}
a:visited {color:#555476;text-decoration:none;}
a:hover {color:#333258;text-decoration:none;}
a:active {text-decoration:none;}----*/

/*-----
a {text-decoration:none;color:#fff;}
a {color:#fff;text-decoration:none;}
a:link {color:#fff;text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:none;font-weight:normal;}
a:active {text-decoration:none;}
-----*/

a:link, a:visited {
	color: #3b2a1a;

	text-decoration: underline;
}
a:active, a:hover {
	color: #3b2a1a;

	text-decoration: underline;
}



img {border-style : none ;margin:0;padding:0;}
img, div {behavior: expression(IEPNGFIX.fix(this));}

.hr1 {
border: 0 none;
background:url(../img/news_hr2.gif) repeat-x;
height:7px;
margin:2px 5px;
}

.hr2 {
border: 0 none;
background:url(../img/news_hr1.gif) repeat-x;
height:1px;
margin:2px 5px;
}

hr {display: none;}
img {border-style : none ;}
strong {font-weight:normal;}

/*　　--------------------　共　通　----------------------------*/

.bg_out {

width:;
height:;
margin: 0px AUTO;
padding: 0px;
}

#bg_main {
background:url(../img/bg_brown.gf);
margin: 0px AUTO;
width:800px;
height:100%;
height: auto !important;
font-size:12px;
line-height:23px;
border-top:0px solid #cecece;
border-left:0px solid #cecece;
border-right:0px solid #cecece;
border-bottom:0px solid #cecece;
}


#header {
width:800px;
height:120px;
background:url(../img/header.) no-repeat 0px 0px;
padding:0px 0 0 0px;
text-align:right;
}




h1 {
color:white;
height:84px;
background:url(./img/) no-repeat ;
background-position:0;
width:271px;
margin:0;
float:left;
}

#main_wrap {
background:url(../img/dot_brown.if) repeat-x top center;
width:800px;
height:auto;
margin:0px auto ;
color:#544930;
border-bottom:0px solid #F1288B;
padding:10px 0px;
min-height: 1em;
display: inline-table;
text-align:left;
}



#main_wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main_wrap {
    height: 1em;
}

#main_wrap {
    display: block;
}
/**/

#left {
background:url() repeat-y right top;
width:570px;
min-height:300px;
height: auto !important;
height: 300px;
margin:0px 10px 0 10px;
padding:40px 0px 0 0 ;
float:left;
display: inline;
}


#right {
background:;
width:200px;
height:auto;
margin:0 ;
padding:40px 0px 0 0 ;
float:left;
}

#footer {
background:url(../img/footer_border.gif) repeat-x top ;
width:800px;
clear:both;
font-size:12px;
text-align:center;
margin:0;
padding:30px 0px 10px 0;
}

#footer #copy {line-height:1.2em;color:#453c27;font-size:10px;text-align:center;}

.page_top {
background:url(../img/upper.gi) no-repeat;
text-align:right;
height:18px;
margin:0;
padding:3px 0 0 0;
font-size:10px;
clear:both;
}

.page_top a {text-decoration:none;color:#777;}
.page_top a {color:#777;text-decoration:none;}
.page_top a:link {color:#777;text-decoration:none;}
.page_top a:visited {color:#777;text-decoration:none;}
.page_top a:hover {color:#888;text-decoration:none;font-weight:normal;}
.page_top a:active {text-decoration:none;}

.clearfix:after {
background:;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearfix {
  min-height: 0px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

span.gray {color:#555;font-weight:normal;font-size:0.8em;}
span.lightgreen {color:#6a7e24;}
span.orange {color:#d2a800;}
span.blue {color:#5277c8;}
span.right {text-align:right;}
span.normal {font-weight:normal;}
span.line_hand {background:url(../img/line_hand.gif) repeat-x center bottom;padding:0 3px 8px 3px;color:#ce6969;}
span.line_hand_b {background:url(../img/line_hand.gif) repeat-x center bottom;padding:0 3px 8px 3px;color:#ce6969;font-weight:bold;font-size:15px;}
span.l {font-size:120%;font-weight:bold;padding:0 1px;}
span.smallred {color:#ce6969;font-size:10px;}
span.smallorange {color:#d2a800;font-size:10px;}
span.red {color:#ce6969;}
span.pink {color:#dc4663;}
span.pink_s {color:#dc4663;font-size:10px;}

.clr {clear:both;}

/*-----TOP以外共通------*/

/*　　--------------------　トップ　----------------------------*/
.info_t {
background:;
width:233px;
height:54px;
margin:0;
position:absolute;
top:-48px;
left:-40px;
z-index:100;
}


#info {
background:#fff;
/*-
min-height:300px;
height: auto !important;
height: 300px;
-*/
clear:both;
padding:px;
margin:0 0 3px 0;
border: 3px double ;
position:relative;
}

#info_1 {
background:#fff;
/*-
min-height:300px;
height: auto !important;
height: 300px;
-*/
clear:both;
padding:px;
margin:0 0 3px 0;
border: 0px double ;
position:relative;
}

/*-CGI部分のCSS詳細はinfoフォルダ内common.css-*/
#update_cgi {
background:#d9d1c5;
color:#fff;
clear:both;
margin:0 15px 10px 0;
padding:0px;
border: 3px double #544930;
position:relative;
}

#update , .side_box {
background:#d9d1c5;
color:#fff;
clear:both;
margin:0 10px 10px 0;
padding:3px;
border: 3px double #544930;
position:relative;
}

#side .title {
background:#3b2a1a;
color:#fff;
font-weight:bold;
margin:-3px;
padding:1px 5px;
}

.update_t {
background:;
width:176px;
height:54px;
margin:0;
position:absolute;
top:-45px;
left:px;
z-index:100;
}


#news_1 {
background:#d9d1c5;
width:;
height:auto;
margin:0px;
border:0px solid #e9d9e7;
text-align:left;
padding:5px 0;
overflow:hidden;
font-size:10px;
}

#news_1 .title {
background:#3b2a1a;
color:#fff;
font-weight:bold;
margin:-5px -3px 0 -0px;
padding:5px;
}


#news_1 dl {  
background:#d9d1c5;
border:0px solid #999;  
width:100%; 
line-height:16px;
margin:0px 0px 0px 0px;
border-top:0px solid #e0e0e0;
padding:0px 0px 0 0;

}  
#news_1 dt {  
background:url(../img/dot_brown.gif) repeat-x bottom ;
float:left;  
width:40px;  
line-height:16px;
clear:both;
color:#544930;
font-weight:normal; 
font-size:10px;
border-bottom:0px dotted #e0e0e0;
text-align:left; 
padding-top:0px;  
margin:0;
}  
#news_1 dt {_width:41px;}

#news_1 dd {  
background:url(../img/dot_brown.gif) repeat-x bottom ;
width:;  
color:#544930;
margin-left:41px;  
padding-top:0px;  
border-left:0px solid #999;  
border-bottom:0px dotted #e0e0e0; 
text-align:left; 
line-height:16px;
}


#admin {
background:#998971;
color:#fff;
clear:both;
margin:0 15px 3px 0;
padding:3px;
border: 3px double #544930;
}

/*----------------ギャラリー-----------------*/
#left .left_t1 {
background:;
width:233px;
height:54px;
margin:0;
position:absolute;
top:-40px;
left:-40px;
z-index:100;
}

#gall {
background:#000;
clear:both;
padding:0px  0 30px 0;
margin:0 5px;
border: 3px double #fff;
position:relative;
}

.box {
background:#fff;
clear:both;
padding:0 ;
margin:0 auto 5px auto;
border: 3px double ;

}

.box p {
margin:15px;
line-height:1.4em;
}

#side p ,#side ul li {
font-size:12px;
color:#3b2a1a;
line-height:1.4em;
}

#side p {
margin:10px 5px;
}

#side a:link {color:#3b2a1a;}
#side a:hover {text-decoration:underline;}

#side ul {margin:10px 0px;padding:0;}
#side ul li {
background:url(../img/re.gif) no-repeat 3px 10px;
margin:;
padding: 5px 0px 5px 18px;
list-style:none;
}

#smooth {
width:500px;
margin:15px 30px 0 15px;
padding-left:0px;
}

/*----------------プロフィール-----------------*/

#special, #prof {
background:#fff;
clear:both;
padding:0px  0 30px 0;
margin:0 5px;
border: 3px double ;
position:relative;
}

#special dl, #prof dl {
background:;
width:;
height:;
margin:15px;
}

#special dl dt, #prof dl dt{
background:url(../img/arrow.gif) no-repeat left ;
margin:0;
padding:0 0 0 20px;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
}

#special dl dd, #prof dl dd{
background:;
margin:5px 10px 5px 20px;
}

#special dl dl, #prof dl dl {  
background:;
border:0px solid #999;  
width:100%; 
margin:0px 0px 0px 0px;
border:0px solid #e0e0e0;
border-bottom:0px solid #e0e0e0;
padding:0px 0px 0 0;

}  
#special dl dl dt, #prof dl dl dt {  
background:url(../img/hana.gif) no-repeat 3px;
clear:both;
float:left;  
width:10em;  
color:#544930;
font-size:12px;
margin:0;
border-bottom:0px solid #e0e0e0;
}  

#special dl dl dd, #prof dl dl dd {  
background:url(../img/dot_brown.g) repeat-x bottom;
width:;  
color:#544930;
margin:0 0 0 10em;  
padding:0;
border-bottom:0px solid #e0e0e0;
zoom: 1;
}
html>/**/body #special dl dl dd, #prof dl dl dd {  
text-indent:-1.7em;
}


/*---------------コンタクト------------------*/
.contact_wrap {
text-align:center;
}

.mailform {
background:;
width:400px;
text-align:left;
margin:20px auto 20px auto;
border:0px solid;
font-weight:;
text-align:left;
}

html* .mailform {
overflow:auto;
width:400px;
}
/* safari only \*/
body:first-of-type .mailform { width:450px;}

/*---------------BOARD------------------*/
#bbs {
background:#fff;
clear:both;
padding:0px  0 30px 0;
margin:0 5px;
border: 3px double ;
position:relative;
}
#bbs_pro {
background:#fff;
clear:both;
padding:40px  20px 30px 20px;
margin:0 5px;
border: 3px double ;
position:relative;
}


/*---------------special------------------*/
/*--profからの流用（dl）--*/
#wall_wrap {
baclground:;
margin:0 0;
padding:;
}

#wall_wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wall_wrap {
    height: 1em;
}

#wall_wrap {
    display: block;
}
/**/

#wall_wrap ul {
margin:20px 0 0 20px; padding:0; 
width:100%;
background:;
}

#wall_wrap li { 
list-style:none;
float: left; 
background:;
width:100px;
margin:0 15px 5px 0;
padding:0;
text-align:center;
}

#wall_wrap img {border: 1px solid #544930;margin:2px 0;
}


/*----------------------RSS----------------------------*/
#rss_top ul li {
background:url(../img/plus.gif) no-repeat left 6px;
padding:0px 0 0px 8px;
margin:0 0 0px 0;
font-size:0.8em;
}
#rss_top ul li a:link,
#rss_top ul li a:visited,
#rss_top ul li a:hover,
#rss_top ul li a:active
 {font-weight:bold;line-height:0.85em;}









