@charset "utf-8";
@import url(reset.css);
@import url(common.css);
@import url(color.css);

/* ==========================================================================================
	--INDEX
========================================================================================== */
body#index {text-align: center;}
body#index a {color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);}
body#index #globalheader > img {margin-bottom: 5px;}
body#index #content p {margin-bottom: 10px;}
body#index #content p img {margin: -12px 10px 0 0;}
body#index #content ul {width: 50%; margin: 0 auto;}
body#index #content ul li:last-child {margin-top: 8px; border: 1px solid #999; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(169, 169, 169)),color-stop(1, rgb(103, 103, 103))); background-image: -moz-linear-gradient(-90deg,rgb(169, 169, 169) 0%,rgb(103, 103, 103) 100%); background-image: -o-linear-gradient(-90deg,rgb(169, 169, 169) 0%,rgb(103, 103, 103) 100%); background-image: -ms-linear-gradient(-90deg,rgb(169, 169, 169) 0%,rgb(103, 103, 103) 100%); background-image: linear-gradient(-90deg,rgb(169, 169, 169) 0%,rgb(103, 103, 103) 100%);}

body#index #content ul li a {display: block; padding: 8px 0;}

/* ==========================================================================================
	--TOP
========================================================================================== */
body#top #content #sec_pickup {margin-bottom: 15px;}

/* ==========================================================================================
	--NEWS
========================================================================================== */
body#news #content .box {padding-top: 0;}
body#news #content .box ul {margin-bottom: 10px;}
body#news #content .box ul li {padding: 10px 0; border-top: none; border-right: none; border-left: none;}
body#news #content .box ul li time {display: block; margin-top: 0.5em; text-align: right;}
body#news #content .box p {text-align: center;}
body#news #content .box p .btn {display: inline-block; width: 20%; margin: 0 1%;}
body#news #content .box p .btn a {font-size: 14px;}

/* ==========================================================================================
	--ATTENDANCE
========================================================================================== */
body#attendance #content nav {margin-bottom: 10px;}
body#attendance #content nav ul {display: -moz-box; display: -webkit-box; display: box; margin-bottom: 10px; text-align: center;}
body#attendance #content nav ul li {width: 14%;}
body#attendance #content nav ul li:not(:first-child) {border-left: 1px solid rgba(255, 255, 255, .5);}
body#attendance #content nav ul li a {display: block;}
body#attendance #content nav h1 {}

/* ==========================================================================================
	--CAST
========================================================================================== */

/* ==========================================================================================
	--SYSTEM
========================================================================================== */
body#system #content > h1 {display: none;}
body#system #content .box {margin-bottom: 15px;}
body#system #content > .box {text-align: center;}
body#system #content > .box > p {font-size: 14px;}
body#system #content > .box > div {margin-top: 1em; padding: 10px; background-color: #fff;}
body#system #content section .box h3 {font-size: 14px;}

/* ==========================================================================================
	--DETAIL
========================================================================================== */
body#detail #content {}
body#detail #content h1 {font-size: 18px; text-align: center;}
body#detail #content > .box {margin-bottom: 15px;}

body#detail #content .icons {width: 240px; margin: 0 auto 10px; text-align: center; overflow: hidden;}
body#detail #content .icons li {float: left; width: 72px; margin: 0 3px 3px 0; padding: 2px;}
body#detail #content .icons li:nth-child(3n) {margin-right: 0;}

body#detail #content .photo {margin-bottom: 15px; text-align: center; overflow: hidden;}
body#detail #content .photo li:first-child {margin-bottom: 10px;}
body#detail #content .photo li:not(:first-child) {display: inline-block; height: 50px; margin-left: 4px; overflow: hidden;}

body#detail #content .profile {}
body#detail #content .profile > li:not(:last-child) {padding: 2px 0; border-right: none; border-bottom: none; border-left: none;}
body#detail #content .profile > li:last-child {margin-top: 10px; padding: 10px; background-color: #fff;}
body#detail #content .profile li ul {min-width: 284px; text-align: center; overflow: hidden;}
body#detail #content .profile li ul li {float: left; width: 23%; margin: 1% 0 0 1%;}
body#detail #content .profile li ul li:nth-child(4n+1) {margin-left: 0;}

/* ==========================================================================================
	--SHOP
========================================================================================== */
body#shop #content > section:first-child {margin-bottom: 15px;}
body#shop #content > section:first-child h1 {display: none;}
body#shop #content > section:first-child #map_canvas {width: 280px; height: 200px; margin: 0 auto 15px;}
body#shop #content > section:first-child #map_canvas img {zoom: 1;}
/*body#shop #content > section:first-child #map_canvas {margin: 0 auto 15px;text-align:center;}*/
body#shop #content > section:first-child p {width: 40%;}

/* ==========================================================================================
	--RECRUIT
========================================================================================== */
body#recruit #content > section {margin-bottom: 15px;}
body#recruit #content > section h2 {margin-bottom: 1em;}
body#recruit #content > section table th,
body#recruit #content > section table td {text-align: left;}
body#recruit #content > section table th {padding-left: 0.6em;}

body#recruit #content > aside {text-align: center;}
body#recruit #content > aside .btn {width: 40%; margin: 1em auto 0;}
body#recruit #content > aside .btn a {display: block;}