@charset "Shift_JIS";

/*===== CSS Reset =====*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
 	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}


* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}

/***** BASE *****/

body{
 background: #369;
/* background: #FFE4EE;*/
 margin:0;
 text-align:center;
}

br {
   letter-spacing:normal;
}

a {
}

a:hover {
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

dl,ol,ul {
   margin: 0;
   padding:0;
   font-size:88%;/* 14px相当 */
}

li {
   margin:0;
   padding:0;
}

/***** IDselecter *****/

#wrapper1{
 margin: 0;
 padding: 10px 0;
 width:100%;
 height: auto;
 overflow: hidden;
}

#header{
 margin-top: auto;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 0;
 width:800px;
}

#menu {
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 0;
 width: 800px;
 font: bold 12px/1.5em Verdana;
}

#wrapper2{
 clear: both;
 margin:0;
 padding:0;
 width:100%;
 background: #FFFFEE;
}

#contents{
 clear:both;
 margin: auto;
 width:800px;
 height: auto;
 text-align:left;
 overflow: hidden;
}

#info {
 clear: both;
 width: 100%;
 margin: 0;
 padding: 10px 0 10px 0;
 font-size: 0.8em;
}

#main {
 float:left;
 width: 520px;
 margin:0;
 padding:0 0 0 5px;
 font-size:13px;
 line-height:20px;
 vertical-align:top;
}

#sub{ 
 float:right;
 width: 270px;
 margin: 0;
 font-size:13px;
 line-height:20px;
 vertical-align:top;
}

#foot {
 clear:both;
 width:100%;
 padding: 0;
 background: #369;
 font-size:13px;
 line-height:20px;
 vertical-align:top;
 text-align: center;
}

/* #header custom */

#header h1, #header h1 a{
 margin: 30px 0 20px 0px;
 color: #FFF;
 text-align:left;
 font-size: 120%;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   list-style:none;
   margin: 0;
   padding:0;
   font-size:77%;/* 12px相当 */
}
div#menu li {
   float:left;
   margin: 0 5px 0 5px;
   padding: 0;
   width:123px;
}
div#menu li a {
   display:block;
   text-decoration: none;
   padding:8px 20px;
   color:#FFF;
   text-align:center;
}

div#menu li a:hover {
   color:#CCC;
   font-weight:bold;
   text-decoration: underline;
}

div#menu .on {
   color:#CCC;
}


/***** #info custom *****/

#info p a{
 margin: 0px;
 padding: 5px 5px 5px 15px;
}

/***** #main custom *****/

#main h2{
 margin: 0 0 10px 0;
 padding: 7px 5px 5px 30px;
 background:#369 url(/*アイコン画像パス*/) no-repeat left top;
 border:1px solid #FFE4EE;
 font-size:1em;
 color: #FFF;
}

#main h3{
 margin: 10px;
 padding: 2px 5px 0px 3px;
 border-left:7px solid #369;
 font-size:1em;
 color: #666666;
}

/***** #sub custom *****/

#sub h4{
 margin: 0 0 10px 0;
 padding: 7px 5px 5px 30px;
 background:#369 url(/*アイコン画像パス*/) no-repeat left top;
 border:1px solid #FFE4EE;
 font-size:1em;
 color: #FFF;
}

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

#sub li{
 text-decoration: none;
 margin: 0 10px 0 10px;
 padding:0;
}

#sub li a{
 display:block;
 margin: 0;
 padding: 6px 0 4px 20px;
 border-bottom: 1px dotted #999999;
 text-decoration: none;
}

#sub li a:hover{
 margin: 0;
 padding: 6px 0 4px 20px;
 text-decoration: none;
 background-color:#FFFFEE;
 border-bottom: 1px dotted #999999;
}

/***** FOOTER CUSTOMIZE **** */
address {
   clear: both;
   text-align:center;
   font-size:75%;
   font-style:normal;
   padding:20px 0;
   color:#FFF;
}

address a {
   color:#FFF;
   text-decoration:none;
}

/***** Class: section *****/

.section{
 background:#FFFFFF;
 border:1px solid #EEEEEE;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
} 

.section p{
 margin: 5px;
 padding: 5px 5px 5px 10px;
 font-size:1em;
 color: #333333;
 line-height:25px;
}


/*** Polaroid style photo ***/

div.pola {
   float:left;
   clear:both;
   width:172px;
   margin-right:15px;
   padding-bottom:16px;
   background:url(../img/bg_pola.gif) no-repeat 100% 100%;
}

ul.pola {
   clear:both;
   letter-spacing:-0.4em;
   font-size:100%;/* 16px相当 */
   list-style:none;
   margin-left: 10px;
}

ul.pola li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:162px;
   margin:0 5px 0 0;
   padding:0 0 16px 0;
   background:url(../img/bg_pola.gif) no-repeat 100% 100%;
   letter-spacing:1px;
   text-align:left;
}

.pola li img {
   padding: 5px 5px 5px 5px;
   border-top:1px solid #E7E7E7;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   vertical-align:bottom;
}

.pola p {
   margin:0;
   padding:0 5px 5px 5px;
   font-size:82%;/* 13px相当 */
   line-height:1.2;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   border-bottom:1px solid #E7E7E7;
   text-align:left;
}