@charset "utf-8";

@import url("reset.css");
/*
Theme Name: Apex Default
Theme URI: http://www.apex-urawa.com/
Description: アペックス浦和校デフォルトテーマ
Version: 1.0
Author: D&D Factory
Author URI: http://www.ddfactory.net/
Tags: custom
*/



body {
/*	background: url('./images/_bg.jpg');
	background: url('./images/bg3.jpg') repeat-y center top;*/
	background: #d3f4ff url('./images/bg3.jpg') repeat-y center top;
	color: #333333;
	font-size: 13px;
	text-align: center;
}


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

h2 {
	margin: 10px 0;
	height: 40px;
	font-size: 1.6em;
}

h3 {
	margin: 15px 0 10px 0;
	height: 30px;
	background: url('./images/h3_default.jpg') no-repeat left top;
	font-size: 1.3em;
	text-indent: 1.6em;
}


h2, h2 a, h2 a:visited, 
h3, h3 a, h3 a:visited {
	color: #333333;
}
h2 a:hover,
h3 a:hover {
	color: #0066cc;
}
h2, h2 a, h2 a:hover, h2 a:visited, 
h3, h3 a, h3 a:hover, h3 a:visited, 
cite {
	text-decoration: none;
}

h4 {
	margin: 10px 0 0 0;
	height: 26px;
	font-size: 1.1em;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #777777;
	line-height: 1.5em;
}

/* エントリータイトル */
entry-header {
    margin: 15px 0 0;
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    padding-left: 17px;
    background: url(http://www.apex-urawa.com/images/symbol.png) no-repeat 0px 0.2em;
}

/* head
--------------------------------------------------------------------*/
#head {
	height: 20px;
	background: url('./images/bg_head2.jpg') no-repeat center top;
}

#head h1 {
	font-size: 1em;
	text-indent: -9999em;
}

/* page
--------------------------------------------------------------------*/
#page {
	position: relative;
	margin: 0 auto;
	width: 890px;
	background: #ffffff;
	font-size: 1em;
	text-align: left;
}


/* header
--------------------------------------------------------------------*/
#header {
	position: relative;
	clear: both;
	float: left;
	width: 890px;
	height: 100px;
	background: #ffffff url('./images/header.jpg') no-repeat left top;
}
#header p#logo {
	float: left;
	margin: 30px 20px 5px 20px;
	width: 340px;
	height: 50px;
}
#header p#logo a {
	display: block;
	width: 340px;
	height: 50px;
	text-indent: -9999em;
}


/* globalnavigation */
#navi {
	float: left;
	margin: 30px 0 0 80px;
	width: 425px;
}
#globalnavi {
	list-style: none;
}
#globalnavi li {
	display:inline;
}
#globalnavi li a {
	float: left;
	margin-left: 9px;
	width: 130px;
	height: 60px;
/*	background: #d4d4d4;*/
	text-indent: -9999em;
}
#globalnavi li.gn1 a:hover {
	background: url('./images/global_ov.jpg') no-repeat -1px 1px;
}
#globalnavi li.gn2 a:hover {
	background: url('./images/global_ov.jpg') no-repeat -138px 1px;
}
#globalnavi li.gn3 a:hover {
	background: url('./images/global_ov.jpg') no-repeat -277px 1px;
}
/*
*/

/* subnavi */
#subnavi {
	position: absolute;
	top: 2px;
	right: 15px;
	list-style: none;
}
#subnavi li {
	float: left;
	margin-left: 20px;
	padding-left: 18px;
/*	width: 80px;*/
	height: 20px;
	color: #333333;
}
#subnavi li a {
	color: #333333;
}
#subnavi li.sn1 {
	background: url('./images/home.gif') no-repeat left -1px;
}
#subnavi li.sn2 {
	background: url('./images/mail.gif') no-repeat left -1px;
}



/* main
--------------------------------------------------------------------*/
#main {
	clear: both;
	float: left;
	width: 890px;
    min-height: 400px;
	background: #ffffff url('./images/main_nbg.jpg') no-repeat left top;
	line-height: 1.6em;
}

#content {
	font-size: 1em;
}
#content p {
/*	margin: 10px 0 5px 30px;*/
	margin: 10px 0 5px 0;
}


.narrowcolumn {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 20px 30px;
	width: 560px;
}


.widecolumn {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	padding: 0 120px 20px 140px;
	width: 630px;
	background: #ffffff url('./images/wide_bg.jpg') no-repeat 420px bottom;
    min-height: 300px;
}

#top-image {
/*	margin: 15px 15px 5px 15px;*/
}
h2#top-image {
	margin: 0 0 5px 0;
	height: 240px;
	background: #ffffff url('./images/top_h2.jpg') no-repeat left top;
	text-indent: -9999em;
}
h2#top-image a {
	display: block;
	width: 890px;
	height: 240px;
}
#menu {
	position: relative;
	margin: 0 0 0 15px;
	width: 600px;
    height: 600px;
	background: url('./images/topmenu_bg5.01.jpg') no-repeat -5px top;
}
.topmenu {
	position: relative;
	float: left;
	margin: 10px 10px 10px 0;
	width: 190px;
    min-height: 420px;
}
.topmenu ul li,
.topmenu a,
.topmenu a:visited {
/**/	color: #000000;
}



.topmenu h3 {
	margin: 5px;
	height: 165px;
}
.topmenu h3 a {
	display: block;
	width: 180px;
	height: 165px;
	text-indent: -9999em;
}

.topmenu h4 {
/*	margin: 15px 5px 5px 5px;*/
	margin: 15px 0 5px 10px;
	height: 18px;
	color: #000000;
}

.topmenu ul {
/*	margin: 0 5px 10px 5px;*/
	margin: 0 0 10px 10px;
}
.tm3 ul {
	margin: 15px 5px 10px 10px;
}
.tm3 h3.online {
	margin: 30px 5px 10px 5px;
	height: 40px;
}
.tm3 h3.online a {
	height: 40px;
}

.topmenu ul li {
	margin-top: 2px;
	width: 180px;
/*	font-size: 1.1em;*/
}



.topicscolumn {
	position: relative;
	float: left;
	display: inline;
	margin: 10px 5px 10px 0;
	padding: 0 0 10px 0;
	width: 620px;
    min-height: 300px;
}
.campaign {
	position: relative;
	clear: left;
	padding: 0 0 10px 0;
	width: 622px;
}
.news {
	position: relative;
	clear: left;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	width: 620px;
	border: 1px solid #cccccc;
}
.blog {
	position: relative;
	clear: left;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	width: 620px;
	border: 1px solid #cccccc;
}
.news h2 {
	margin: 2px;
	height: 28px;
	background: #ffffff url('./images/topics_h2.jpg') no-repeat left top;
	border: 1px solid #cccccc;
	text-indent: -9999em;
}
.news dl {
	margin: 10px;
	line-height: 1.6em;

}
.news dl dt {
	clear: both;
	float:left;
	width: 130px;
}
.news dl dd {
	margin-left: 130px;
	width: 410px;
}

.news p.archives {
	position: absolute;
	top: -5px;
	left: 480px;
}
.news p.archives a {
	display: block;
	width: 150px;
	height: 18px;
}

.commonblock {
	position: relative;
	clear: left;
/*	margin: 0 0 10px 0;
	padding: 0 0 10px 7px;*/
	padding: 0 0 0 7px;
	width: 620px;
	height: 350px;
	background: #ffffff url('./images/commonblock.jpg') no-repeat left 5px;
}



.commonblock div {
	clear: both;
}
.commonblock dl {
	float:left;
	margin: 30px 10px 0 3px;
}
.commonblock dl.end {
	float:left;
	margin: 30px 0 0 3px;
}

* html .commonblock dl {
	margin: 30px 5px 0 2px;
}
* html .commonblock dl.end {
	margin: 30px 0 0 2px;
}
*:first-child+html .commonblock dl {
	margin: 30px 5px 0 2px;
}
*:first-child+html .commonblock dl.end {
	margin: 30px 0 0 2px;
}


.commonblock dl dt {
	margin: 0 0 5px 0;
	width: 110px;
	height: 24px;
	overflow: hidden;
	text-decoration: underline;
}
.commonblock dl dt a {
	display: block;
	width: 110px;
	height: 24px;
}
.commonblock dl dt a:link,
.commonblock dl dt a:visited,
.commonblock dl dt a:active,
.commonblock dl dt a:hover {
	text-decoration: underline;
}
.commonblock dl dd {
/*	margin: 5px 0 0 0;*/
	width: 110px;
	height: 110px;
	font-size: 93%;
	line-height: 1.4em;
	overflow: hidden;
}
.commonblock dl.gt dt,
.commonblock dl.gt dt a {
	width: 112px;
}

.commonblock dl.end dt,
.commonblock dl.end dt a {
	width: 115px;
}







.widecolumn .entry p {
	font-size: 1.05em;
}

.narrowcolumn .entry p,
.widecolumn .entry p,
.topicscolumn .entry p {
	line-height: 1.6em;
}
/*
.narrowcolumn .entry ul,
.narrowcolumn .entry ol,
.narrowcolumn .entry dl,
.widecolumn .entry ul,
.widecolumn .entry ol,
.widecolumn .entry dl,
.topicscolumn .entry ul,
.topicscolumn .entry ol,
.topicscolumn .entry dl {
	font-size: 1.1em;
}

*/


p.red span,
p.red span a:link,
p.red span a:visited,
p.red span a:active,
p.red span a:hover {
	color: #ff3237;
}
.narrowcolumn p,
.widecolumn p,
.topicscolumn p {
	line-height: 2em;
}

p.notes  {
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	line-height: 1.5em;
}




p.topto {
	clear: both;
	margin: 5px 0;
	padding: 0;
	height: 14px;
	background: #ffffff url('./images/topto.gif') no-repeat right top;
	text-indent: -9999em;
}

p.topto a {
	float: right;
	display: block;
	width: 95px;
	height: 14px;
}



.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}



#sidebar {
	float: right;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	width: 240px;
/*	background: #ffffff url('./images/sidebar_bg.jpg') no-repeat right top;*/
	background: #ffffff url('./images/sidebar2.jpg') no-repeat right top;

}

#sidebar ul,
#sidebar ul ol {
	margin: 20px 0 0 10px;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
	}

#sidebar ul p,
#sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul,
#sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul,
#sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li,
#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li,
#sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

#sidebar ul.btn {
	margin: 0 0 0 5px;

}

.btn-req {
	height: 180px;
}
.btn-req a {
	display: block;
	width: 234px;
	height: 180px;
	text-indent: -9999em;
}
.btn-req a:hover {
	background: url('./images/sidebar_on.jpg') no-repeat -15px top;
}


.btn-kh {
	height: 60px;
}
.btn-kh a {
	display: block;
	width: 234px;
	height: 60px;
	text-indent: -9999em;
}
.btn-kh a:hover {
	background: url('./images/sidebar_on.jpg') no-repeat -15px -190px;
}

.btn-prg {
	height: 60px;
}
.btn-prg a {
	display: block;
	width: 234px;
	height: 60px;
	text-indent: -9999em;
}
.btn-prg a:hover {
	background: url('./images/sidebar_on.jpg') no-repeat -15px -260px;
}

.btn-acs {
	height: 60px;

}
.btn-acs a {
	display: block;
	width: 234px;
	height: 60px;
	text-indent: -9999em;
}
.btn-acs a:hover {
	background: url('./images/sidebar_on.jpg') no-repeat -15px -330px;
}

.btn-yon {
	height: 60px;
}
.btn-yon a {
	display: block;
	width: 234px;
	height: 60px;
	text-indent: -9999em;
}

.btn-member {
	height: 40px;
}
.btn-member a {
	display: block;
	width: 234px;
	height: 40px;
	text-indent: -9999em;
}
.btn-member a:hover {
	background: url('./images/sidebar_mon.jpg') no-repeat 2px top;
}



/* bottom
--------------------------------------------------------------------*/
#bottom {
	position: relative;
	clear: both;
	float: left;
	width: 890px;
    min-height: 350px;
	background: #ffffff;
}

#bottom .commonblock {
	float: left;
	margin: 10px 0 0 0;
}

.commonlink {
	clear: left;
	float: left;
	margin: 3px 0 0 0;
	width: 620px;
	list-style: none;
}
.commonlink li {
	float: left;
	display:inline;
	margin: 0 0 0 10px;
	padding: 0 2px 0 10px;
	height: 20px;
	border-left: 1px solid #d4d4d4;
}
.commonlink li.cl1 {
	border-left: none;
}



/*
.commonlink li.cl1 a:hover {
	background: url('./images/global_menu_over.jpg') no-repeat -122px bottom;
}
.commonlink li.cl2 a:hover {
	background: url('./images/global_menu_over.jpg') no-repeat -247px bottom;
}
.commonlink li.cl3 a {
	width: 120px;
}
.commonlink li.cl3 a:hover {
	background: url('./images/global_menu_over.jpg') no-repeat -372px bottom;
}
*/





#bottom #sidebar {
	margin: 10px 0 0 0;
	height: 380px;
	background: #ffffff url('./images/sidebar_bg2.jpg') no-repeat right top;
}

/* footer
--------------------------------------------------------------------*/
#footer {
	clear: both;
	float: left;
	width: 890px;
	height: 50px;
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
}

#footer p {
	margin: 0 10px;
	padding: 3px 0;
}
#footer dl {
	display: inline; /* for IE6 */
	float: left;
	margin: 0 12px;
	padding: 3px 0;
	width: 500px;
}

#footer address {
	display: inline; /* for IE6 */
	float: left;
	margin: 27px 12px 0 50px;
	padding: 3px 0;
	width: 300px;
	text-align: right;
}














h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	font-size: 1.6em;
	}

#sidebar h2 {
	margin: 25px 0 0;
	padding: 0;
	height: 20px;
	font-size: 1em;
	text-decoration: none;
	}


cite {
	text-decoration: none;
	}







.entry p a:visited {
	color: #b85b5a;
	}
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}




#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



/* Begin Structure */


.post {
	margin: 0 0 40px;
/*	text-align: justify; */
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */





.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 250px;
	}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.children { padding: 0; }

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hid,
.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */