@charset "UTF-8";

/* ページ全体
---------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    height:100%;
}

body {
    color: #000000;
    background:#FFEDED;
    font-family: Verdana, "Osaka", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 105%;
    height:100%;
}

a:link {color: #000080;}
a:visited {color: #000080;}
a:active {color: #FF6600;text-decoration:none;}
a:hover {color: #FF6600;text-decoration:none;}

form.search {
    margin:0 15px 0 0;
}

input ,
textarea ,
select {
    font-size: 10pt ;
    color: #333333 ;
    background-color: #FFFFFF ;
    border: 1px solid #aaaaaa ;
    vertical-align: middle ;
}

input.no_bg {
    background-color: transparent ;
    border: 0px none ;
}

input.text {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-family: "メイリオ", Geneva, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3" "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
    font-size: 12px;
    padding: 3px;
}

input.submit {
    background: #DADCE6 url(/img08/bg_button.gif) 50% 0 repeat-x ;
}

#container {
    width:942px;
    margin:0 auto;
    text-align:left;
    background:#ffffff;
    min-height:100%;
    height:100%;
}

#header {
    margin:0;
    height:150px;
    background:#ffffff url(/img08/head-bg.png) top center repeat-x;
    text-align:center;
}

#menudiv {
    width:950px;
    margin:0 auto;
    padding:77px 0 0 0;
    background:url(/img08/menudiv-bg.png) top center no-repeat;
}

#inner {
    margin:0;
    background:#ffffff;
}

body > #container { 
    height:auto; 
}

.main {
    width:700px;
    float:right;
    padding:15px;
    font-size:12px;
    background:#ffffff;
    line-height:170%;
}

.side {
    width:212px;
    float:left;
    background:#ffffff;
}

#footer {
    clear:both;
    height:200px;
    margin:0;
    background:#dd0000 url(/img08/footer-bg.gif) top left no-repeat;
    text-align:center;
    color:#ffffff;
}

#footer2 {
    height:200px;
    margin:0;
    background:url(/img08/footer2-bg.gif) bottom right no-repeat;
}

#copyrights {
    padding:70px 0 0 0;
    font-size:12px;
    background:url(/img08/logo.gif) top center no-repeat;
    color:#EABEBE;
}

.sm-left {
    margin:10px;
    background:url(/img08/sm-left.gif) top left no-repeat;
}

.sm-right {
    padding:10px;
    background:url(/img08/sm-right.gif) bottom right no-repeat;
}

.sm-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sm-right li {
    background: url(/img08/dotm.gif) center left no-repeat;
    padding-left: 13px;
}

h1 {
    height:40px;
    line-height:40px;
    font-size:25px;
    font-weight:normal;
    color:#000;
    vertical-align:baseline;
    padding:5px 5px 0 25px;
    background:url(/img08/cap.gif) top left no-repeat;
    border-bottom:1px solid #efefef;
    letter-spacing: -2px;
}
    
h2 {
    height:30px;
    line-height:30px;
    font-size:16px;
    color:#444;
    vertical-align:baseline;
    padding:0 0 0 20px;
    margin:10px 0 10px 10px;
    background:url(/img08/cap2.gif) top left no-repeat;
    border-bottom:1px solid #efefef;
}

h3 {
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#444;
    vertical-align:baseline;
    padding:0 0 0 20px;
    margin:10px 0 10px 10px;
    background:url(/img08/cap3.gif) top left no-repeat;
    border-bottom:1px solid #efefef;
}

.ih3 {
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    color:#444;
    padding:5px 0 0 20px;
    margin-top:100px;
    background:url(/img08/cap3.gif) top left no-repeat;
}

.blist {
    color:#666666;
    padding:5px;
    margin-bottom:10px;
    border-top:1px dotted #eeeeee;
    border-bottom:1px dotted #eeeeee;
    font-size:12px;
}

.scroll {
    margin-top:10px;
    text-align:right;
    border-top:1px solid #efefef;
    clear:both;
}

.box {
    border:1px solid #dddddd;
    background:#efefef;
    padding:10px;
    margin:10px;
}

.main p {
    padding:10px;
    margin:10px;
}

.main p img {
    margin:0 10px;
    border:5px solid #efefef;
}

.name {
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#444;
    padding:0 15px 5px 0;
    text-align:right;
    background:url(/img08/name-bg.gif) bottom right no-repeat;
}

.mirai {
    margin-left:20px;
}

.mirai img {
    border:#cccccc 1px solid;
    margin:2px;
}

.date {
    color:#7CC331;
    font-size:12px;
    text-align:right;
    padding:0 15px 0 0;
}

.board {
    font-family:monospace;
    margin-left:25px;
}

.board td {
    border-bottom:1px dotted #dddddd;
    padding-right:20px;
}

.cmt {
    margin:10px 0;
    padding:5px 10px 5px 25px;
    background:url(/img08/cmt-cap.gif) top left no-repeat;
    font-size:12px;
}

.cmt p {
    padding:5px;
    margin:0px;
}

.cmtin {
    height:25px;
    background:url(/img08/cmt-back.gif) top left no-repeat;
    line-height:25px;
    padding-left:30px;
    color:#ffffff;
    font-weight:bold;
}

.cmtinplz {
    height:25px;
    background:url(/img08/cmtplz-back.gif) top left no-repeat;
    line-height:25px;
    padding-left:30px;
    color:#ffffff;
    font-weight:bold;
}

.topcap {
    height:30px;
    line-height:30px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    padding-left:25px;
    margin-bottom:5px;
    background:url(/img08/top-cap.gif) top left no-repeat;
}

.topcaphalf {
    height:30px;
    line-height:30px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    padding-left:25px;
    margin-bottom:5px;
    background:url(/img08/top-cap-half.gif) top left no-repeat;
}

.leftbar {
    border-left:10px solid #efefef;
    padding:0 10px;
    margin:10px;
}

.leftbar p {
    padding:5px;
    margin:0px;
}

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* トップメニュー
---------------------------------------------------- */
ul#menu { width: 950px; height: 43px; background:url("/img08/menu-bg.png") bottom left repeat-x; font-size: 14px; font-weight: bold; list-style-type: none; margin:0 auto; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 35px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #ff6600; }
ul#menu li a.current{ color: #FFF; background: #FFF url("/img08/current-bg.png") top left repeat-x; padding: 5px 15px 0; }

/* サイドメニュー
---------------------------------------------------- */
#smenu {
    width: 200px;
    margin: 6px;
    font-size:12px;
    font-weight:bold;
    background:#ffffff;
}
	
#smenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
		
#smenu li a.red {
    text-decoration: none;
    height: 24px;
    color: #777;
    display: block;
    background: url(/img08/sidemenuli-bg.png);
    padding: 8px 0 0 20px;
}
	
#smenu li a.blu {
    text-decoration: none;
  	height: 24px;
	color: #777;
	display: block;
	background: url(/img08/sidemenuli-bg.png) 0 -32px;
	padding: 8px 0 0 20px;
}
	
#smenu li a.grn {
	text-decoration: none;
  	height: 24px;
	color: #777;
	display: block;
	background: url(/img08/sidemenuli-bg.png) 0 -64px;
	padding: 8px 0 0 20px;
}
	
#smenu li a.ylw {
    text-decoration: none;
    height: 24px;
    color: #777;
    display: block;
    background: url(/img08/sidemenuli-bg.png) 0 -96px;
    padding: 8px 0 0 20px;
}
	
#smenu li a:hover {
    color: #ff6600;
    background: url(/img08/sidemenuli-bg.png) 0 -128px;
    padding: 8px 0 0 25px;
}
	
#smenu li a.current {
    text-decoration: none;
    height: 24px;
    color: #fff;
    display: block;
    background: url(/img08/sidemenuli-bg.png) 0 -160px;
    padding: 8px 0 0 25px;
}

/* インフォメニュー
---------------------------------------------------- */

#info {
    width:200px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    color:#444;
    vertical-align:baseline;
    margin: 6px;
    padding-left:20px;
    background:url(/img08/info-cap.gif) top left no-repeat;
}

#info ul {
    list-style: none;
    line-height:22px;
    font-weight:normal;
    width:160px;
    margin: 0;
    padding: 0;
}

#info li {
    display: block;
    background: url(/img08/doti.gif) center left no-repeat;
    padding: 2px 0 0 15px;
    border-bottom:#999999 1px dotted;
}

/* タブメニュー
---------------------------------------------------- */

#tabs10 {
    float:left;
    width:700px;
    font-size:12px;
    line-height:normal;
    margin:0;
    padding:0;
}

#tabs10 ul {
    margin:0;
    padding:0;
    list-style:none;
}

#tabs10 li {
    display:inline;
    margin:0;
    padding:0;
}
      
#tabs10 li img{
    border:none;
}
      
#tabs10 a {
    width:171px;
    float:left;
    background:url("/img08/tableft10.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    text-align:left;
}

#tabs10 a span {
    float:left;
    display:block;
    background:url("/img08/tabright10.gif") no-repeat right top;
    margin:0;
    padding:6px;
    color:#404040;
    font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {
    float:none;
}

/* End IE5-Mac hack */
#tabs9 a:hover span {
    color:#404040;
}

#tabs10 a:hover {
    background-position:0% -42px;
}

#tabs10 a:hover span {
    background-position:100% -42px;
    color:#fff;
    font-weight:bold;
}

#tabs10 .current a {
    background-position:0% -42px;
}

#tabs10 .current a span {
    background-position:100% -42px;
    color:#fff;
}

/* フットメニュー
---------------------------------------------------- */

#fmenu {
    text-align:center;
    padding:20px 0 0 0;
    height:50px;
    font-size:12px;
}

#fmenu ul {
	list-style:none;
	margin:0; padding:0;
}

#fmenu li {
	display:inline;
}

#fmenu li a {
    text-decoration: none;
	color:#ffffff;
	
}

/* 最近のフォト吹き出し
---------------------------------------------------- */


#wedge {
    position:absolute;
}

.balloon {
    width: 200px;
    color:#000;
    text-decoration:none;
    text-align:center;
}

.balloon span.text{
    padding: 10px 5px 0 5px;
    background:url(/img08/balloon.gif) no-repeat top;
}

.balloon b.bottom{
    padding:20px 5px 5px 5px;
    background:url(/img08/balloon.gif) no-repeat bottom;
}