@charset "UTF-8";

/* --------------------------------------------------------------------------*/
/* Base -------------------------------------------------------------------*/
html {  width:100%;
		height:100%; 
		overflow-x:hidden; 
		padding: 0;
		overflow-y: scroll;
		}

body { width:100%;
		height:100%;
		color:#000000; 
		background-color:#E9E9E9; 
		background-position: center top;
		background-repeat: no-repeat; 
		background-attachment: fixed;
		}

img{margin:0;padding:0;border:none;}
a:focus, a:hover, a:active { outline:none }
a{text-decoration:underline;cursor:pointer;color:#ff0000;}
a:link{color:#ff0000;}
a:visited{color:#ff0000;}
a:hover{text-decoration:none;color:#ff0000;}

p {margin:8px 0;line-height:1.5em;}
p a{padding:0 2px;text-decoration:none;cursor:pointer;}

.attention {color:#ff0000;}

/* --------------------------------------------------------------------------*/
/* Conteiner -------------------------------------------------------------------*/
#container {position:relative;display:block;width:100%;font-size:93%;}
#container-inner {position:relative;width:100%;}

hr{display:none;}
div.hr{
	display:inline-table;
	clear:both;
	width:100%;
	height:10px;
	border-bottom: 1px #eeeada solid;
	margin: 0 0 16px 0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* --------------------------------------------------------------------------*/
/* header -------------------------------------------------------------------*/
#header {
	position:absolute;
	display:block;
	width:190px;
	top:164px;
	padding:0;
	overflow: hidden;
	text-align:left;
	background-color:#E9E9E9;
}
#header .plug_in{
color:#000;
	position:relative;
	clear:both;
	padding: 13px 8px;
	margin: 4px 0 10px 0;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#header .plug_in ul{
	position:relative;
	margin:0 0 11px 0 ;
	padding: 0 0 10px 0 ;
	text-align: left;
	list-style-type:none;
	line-height: 2.3em;
	background-color:#ffffff;
	border-bottom:1px solid #CCCCCC;
}
#header .plug_in h4{
	font-size:87%;  /*12px;*/
	margin:2px 0;
	text-transform:uppercase;
	font-weight: bold;
	color:#222222;
}
#header .plug_in li a{
	display:block;
	font-size:83%;  /*12px;*/
	color:#000;
	padding-left: 13px;
	height: 1.6em;
	line-height:1.5em;
	text-decoration: none;
	text-transform:capitalize;
	font-weight: normal; 
	cursor: pointer;
	background-image:url(../img/mark.gif);
background-repeat:no-repeat;
background-position:top left;
min-height:20px;
margin-left:10px;
}
#header .plug_in li a:hover{
color:#ff0000;
}

#header form.search_site{
	margin: 0;
	padding:0;
	display:block;
}
#header form.search_site input{
	width:140px;
	height:18px;
	line-height:18px;
	margin:0;
	padding:2px 4px;
	font-size:85%;
	color: #444;
	border:solid 1px #dddddd;
	background-color:#F4F4F4;
}
#header form.search_site img{
	position: absolute;
	left:154px;
	padding:1px;
}
#search {
	position:relative;
	margin-bottom: 12px;
}

#header .plug_in .right_link_next{
font-family:Helvetica, Arial, sans-serif; 
	color:#000000; 
	text-align:center;
}
#header .plug_in .right_link_next a{
	color:#000000; 
	font-size:90%;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
#header .plug_in .right_link_next a:hover{
color:#ff0000; 
text-decoration:underline;
}


#header .plug_in .right_link_home{
font-family:Helvetica, Arial, sans-serif; 
	color:#000000; 
	text-align:center;
}
#header .plug_in .right_link_home a{
	color:#000000; 
	font-size:160%;
	font-weight:bold;
	text-decoration:none;
}
#header .plug_in .right_link_home a:hover{
color:#ff0000; 
text-decoration:underline;
}


/* --------------------------------------------------------------------------*/
/* site_ID -----------------------------------------------------------------*/

#site_id{
width:100%;
}
#site_id h1{
font-size:197%;
font-weight:normal;
letter-spacing:0.58em;
text-align:left;
color:#000000;
margin:0 ;
padding:0 0 13px 0 ;
}
#site_description {
display:inline;
font-family:"Times New Roman", Times, serif;
font-size: 85%;
color:#000000;
letter-spacing:0.1em;
}
#site_description .message_who{
font-style:italic;
color:#333333;
}



/* --------------------------------------------------------------------------*/
/* pagebody -----------------------------------------------------------------*/
#pagebody {
	position:relative;
	left:0;
	height:1px;
}

#pagebody #grid #site_id{
width:100%;
}
#pagebody #grid #site_id h1{
font-size:197%;
font-weight:normal;
letter-spacing:0.58em;
text-align:left;
color:#000000;
margin:0 ;
padding:0 0 13px 0 ;
}
#pagebody #grid #site_id h1 a{
color:#000000;
text-decoration:none;
}
#pagebody #grid #site_id h1 a:hover{
color:#383838;
text-decoration:none;
}
#pagebody #grid #site_id #site_description {
display:inline;
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size: 85%;
color:#000000;
letter-spacing:0.1em;
}
#pagebody #grid #site_id #site_description .message_who{
padding:0 0 0 3px;
font-style:italic;
color:#333333;
}



#grid {
	position:absolute;
	width:auto;
	left:0;/* hack for win ie6 */
}


#grid div.item{
	position:absolute;
	background:#ffffff;
	width:190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#grid div.item div.body{
	line-height: 1.2em;
	padding: 8px;
}

#grid div.item div.body img{
	float:left;
	width: 174px;
    height: auto;
	padding: 0;
	text-align:center;
	margin:0 10px 10px auto;
}

#grid div.item_double div.body img{
	float:left;
	width: 374px;
    height: auto;
	padding: 0;
	text-align:center;
	margin:0 10px 10px auto;
}
#grid div.item_tripple div.body img{
	float:left;
	width: 574px;
    height: auto;
	padding: 0;
	text-align:center;
	margin:0 10px 10px auto;
}
#grid div.item_quad div.body .imagebox{
	margin:20px auto 0 120px;
}
#grid div.item_quad div.body img{
	float:left;
	width: 550px;
    height: auto;
	padding: 0;
	text-align:center;
	margin:0 auto 0 auto;
}
#grid div.item_quint div.body img{
	float:left;
	width: 574px;
    height: auto;
	padding: 0;
	margin:0 10px 10px auto;
}

#grid div.item div.body ul.rotation{
	margin-bottom: 8px;
}

#grid div.item div.body ul{
	font-size:85%;
	margin:0;
	padding:0;
}


#grid div.item div.body .day {
	color:#000; 
	display:block; 
	font-size:55%; 
	line-height: 1.0em; 
	font-weight: normal;
	margin: 5px 0 0 0;
	letter-spacing:0.1em;
	}
#grid div.item div.body .title {
	font-family: Helvetica, Arial black, sans-serif; 
	color:#000; 
	display:block; 
	font-size:93%; 
	line-height: 1.1em; 
	font-weight: bold;
	margin: 5px 0 0 0;
	letter-spacing:0.1em;
	}
	
#grid div.item_quad div.body .title {
	font-family: Helvetica, Arial black, sans-serif; 
	color:#000; 
	display:block; 
	font-size:93%; 
	line-height: 1.1em; 
	font-weight: bold;
	text-align:center;
	margin: 35px auto 0 auto;
	letter-spacing:0.1em;
	}
	
#grid div.item div.body .cfg_img {
	margin: 0 0 3px 0;
	}
#grid div.item_quad div.body .cfg_img {
	margin: 20px auto 50px auto;
	}
#grid div.item div.body .title a{
color:#000; 
text-decoration:none;
	}
#grid div.item div.body .title a:hover{
color:#ff0000; 
text-decoration:underline;
	}

#grid div.item div.body .description{
	font-size:87%;
	margin:13px 0 10px 0;
	padding-top: 0; 
	font-family:Helvetica, Arial, sans-serif; 
	color:#333333; 
	display:block; 
	line-height: 1.4em;
}
#grid div.item_quad div.body .description{
	font-size:87%;
	margin:0 70px 10px 70px;
	padding-top: 0; 
	font-family:Helvetica, Arial, sans-serif; 
	color:#333333; 
	display:block; 
	line-height: 2.8em;
	text-align:center;
}

#grid div.item div.body .description a{
	color:#000; 
	text-decoration:underline;
}


#grid div.item div.body .description a:hover{
color:#ff0000; 
text-decoration:none;
}

#grid div.item div.body .description .link_next{
margin:18px 0 0 0;
	color:#000000; 
	text-align:center;
}
#grid div.item div.body .description .link_next a{
	color:#000000; 
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
#grid div.item div.body .description .link_next a:hover{
color:#ff0000; 
text-decoration:underline;
}
.description p {
margin: 0;
}

#grid div.item div.body .others{
	font-size:82%;
	margin:0 0 5px 0;
	color:#333333; 
	line-height: 1.6em;
}
#grid div.item_quad div.body .others{
	font-size:82%;
	margin:50px auto 20px auto;
	color:#333333; 
	line-height: 1.6em;
	text-align:center;
}
#grid div.item div.body .others ul{
list-style:none;
}
#grid div.item div.body .others li{ 
margin-right:5px;
}
#grid div.item div.body .others a{
color:#000000; 
text-decoration:underline;
}
#grid div.item div.body .others a:hover{
color:#000000; 
text-decoration:none;
}

#grid div.item div.body .others .place{
	font-size:82%;
	margin:3px 0 10px 0 ;
	color:#333333; 
	line-height: 1.6em;
} 
/* --------------------------------------------------------------------------*/

/* footer -------------------------------------------------------------------*/
#footer {
	position:absolute;
	width:100%;
	display: inline;
	font-size:77%;
	margin-top:100px;
	padding:85px 0 30px 0;
	text-align: center;
}
#footer .inner{
	position: relative;
	padding:0 0 0 250px; 
	display:block;
	text-align:center;
}
#footer span.copyright{
}
#footer ul{
	display: inline;
	font-size:93%;
}
#footer ul li{
	display: inline;
	padding: 0 8px;
	margin: 2px 0;
	border-right:1px #999 solid;
	line-height:1.7em;
}
#footer ul li.last{
	border-right:none;
}
#footer ul li a{
	display: inline-block;
}
#footer ul li.corner{
	border:none;
}