@charset "utf-8";


* {
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body {
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, ;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {font-size: 16px;

}

h2 {
	font-size: 12px;
	color:#777;
}

h3 {
	margin-bottom: 1em;
	letter-spacing: 1px;
	font-size: x-small;
}


a {
	color: #999;
}

a:hover {
	text-decoration: none;
	color: #666;
}

img {
	border: none;
}


/* Wrapper */

#wrapper {
	clear: both;
	width: 880px;
	margin: 0 auto;
	
}

/* Container */

.container {
        
	width: 880px;
	margin: auto;	
}

/* imagebox */

div.imagebox {
		   border: 1px dashed #0000cc; /* 枠線 */
		   background-color: #ffffff;  /* 背景色 */
		   width: 440px;               /* 横幅 */
		   height: 360px;
		   float: left;                /* 左に配置 */
		   margin: none;                /* 周囲の余白 */
		   border:none;
		}
		p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		        /* 余白・間隔 */
		}
		p.caption {
		   font-size: 80%;     /* 文字サイズ */
		   color: darkblue;    /* 文字色 */
		}

		p.exp {
			clear: left;       /* 回り込みを解除 */
		}

/* 表示領域全体 */
div.tabbox { 
       width: 880px;
       margin: 0 auto;
     
}

/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   display: block; width: 438px; float: left;
   margin: 0px 0px 0px 0px; padding: 0;
   text-align: center; font-size:20px; font-weight:bold;
}
p.tabs a.tab1 { color: #FFFFFF; padding: 1px; background-color:#FF99CC}
p.tabs a.tab2 { color: #FFFFFF; padding: 1px; background-color:#8CC0E3}


/* タブ中身のボックス */
div.tab { height: auto; overflow: none; clear: left; }
div#tab1 {
   border: none;   
}
div#tab2 {
   border: none; 
}

div#tab3 {
   border: none; 
}

div#tab4 {
   border: none; 
}

div.tab p { margin: 0; }

/* Logo */

#logo {
	width: 880px;
	height: 60px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#logo h1 {
	float: left;
	letter-spacing: -1px;
	font-size: 1.2em;
	color:#3A3A3A;
}

#logo h2 {
	float: left;
	font-size: 1.2em;
	color:#3A3A3A;
	margin-left: 10px;
}
    
#logo h3 {
    font-style:italic;
	float: left;
	font-size: x-small ;
	color:#6A6A6A;
	margin-left: 10px;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
}

/* Menu */

#menu {
	width: 880px;
	height: 40px;
	margin: -40px auto 0 auto;
	
}
#menu imagebox {
    
}

#menu ul {
	float: right;
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	position: relative;
	margin-left: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
	
	font-size: xx-small;
	font-weight: bold;
}

#menu a:hover, #menu .active a {
	border-bottom-color: #000000;
	color: #000000;
}
/* Extra */

#extra {
	height: 4px;
	background: url(images/img11_bl_be.gif);
}

/* Footer */

#footer {
	clear: both;
}

#footer p {
	margin: 0;
	width: 760px;
	margin: 0 auto;
	font-size: x-small;
}