/* ====================================
	+ default +
====================================== */

*{ margin:0; padding:0; font:normal normal normal 100%/1.3 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo,sans-serif; border:none; }

/* ====================================
	+ construct +
====================================== */

html , body{ height:100%; }
p{ line-height:170%; margin:10px; }
b { font-weight:bold; }
hr { margin:20px auto; width:100%; height:1px; text-align:center; }

.hid { display:none; } 
.w { font-size:11px; }

/* ====================================
	+ rayout +
====================================== */

body { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }
header{ position:relative; }
#container{ position:relative; overflow:hidden;}
#footer{ position:absolute; bottom:0px; width:100%; clear:both; }

/* ====================================
	+ header +
====================================== */

/* PC */
@media screen and (min-width:769px){


}
/* SP */
@media screen and (max-width:768px){


}


/* ====================================
	+ main stage +
====================================== */

.contents{ margin:15px 0; }

/* ====================================
	+ sidebar +
====================================== */



/* ====================================
	+ news +
====================================== */

.news{ text-align:left; }
.news h3{ font-weight:bold; }
.news th{ padding:10px 0; }
.news td{ line-height:200%; }
.news td img{ max-width:95%; }

/* ====================================
	+ schedule +
====================================== */

.schedule{ text-align:left; padding-bottom:15px; }
.schedule h3{ font-weight:bold; }
.schedule h4{ font-weight:bold; margin:20px; }

.schedule table{  }
.schedule th{ margin:2px 5px; width:80px; line-height:220%; text-align:right; vertical-align:top; }
.schedule td{ padding-left:10px; line-height:220%; }
.schedule td img{ max-width:95%; }

/* ====================================
	+ profile +
====================================== */

#prof_photo{ text-align:center; width:100%; background:#111; }
#prof_photo img{ max-width:100%; }
#prof_body{ margin:10px; text-align:left; line-height:200%; }

/* ====================================
	+ goods +
====================================== */

.item_list{ margin-top:15px; padding-bottom:15px; }
.item_list th{ font-weight:bold; padding-left:10px; vertical-align:top; }
.item_list td.item_img{ vertical-align:top; padding:0px; }
.item_list td{ vertical-align:top; padding-left:20px; line-height:160%; }

/* combo */
ul.navigation{ overflow:hidden; }
ul.navigation li{ margin:10px; float:left; }

/* ====================================
	+ blog +
====================================== */

#blog table{ width:auto; margin:auto; }
#blog table img{ margin:20px; }

/* ====================================
	+ form +
====================================== */

.form{ width:400px; padding:5px; margin:10px 0px; }
form .s{ width:100px; }
form .m{ width:300px; }
form .l{ width:500px; }
select{ padding:5px 10px; margin:10px 0px; }

.button{ padding:5px 20px; margin:10px 0; cursor:pointer; }

/* ====================================
	+ contact +
====================================== */

#mail_form{ width:600px; margin:20px auto; text-align:left; }

ul.error{ width:600px; margin:20px auto; }
ul.error li{ margin-bottom:5px; list-style:disc inside; color:#c00; }

.form_check dt{ margin:10px; font-weight:bold; }
.form_check dd{ margin:0 15px; border-width:1px; border-style:solid; padding:10px; }

/* ====================================
	+ footer +
====================================== */

#footer{ }