@charset "UTF-8";
/* CSS Document */

/* =====================================================================
*    0. Bace Color
*    ---
*         Funabi Magenta        #CC006A
*         Funabi Lte Blue       #33CCFF
*         Funabi Beige          #F8F7F1
* =================================================================== */

/* =====================================================================
*
*    INDEX
*
*    1. Yahoo UI Library Reset CSS
*    2. Basic Format
*    3. Yahoo UI Library Fonts CSS
*    4. Basic Font Format
*    5. Basic Hyperlink Format
*    6. Header
*    7. Footer
*
* =================================================================== */

/* =====================================================================
*
*    1. Yahoo UI Library Reset CSS
*    Copyright (c) 2007, Yahoo! Inc. All rights reserved.
*    Code licensed under the BSD License:
*    http://developer.yahoo.net/yui/license.txt
*    version: 2.3.1
*
* =================================================================== */

 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

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;
}
 
li {
	list-style: none;
}
 
caption, th {
	text-align: left;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}


/* =====================================================================
*
*    2. Basic Format
*
* =================================================================== */

* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
}
 
body {
	color: #000000;
	line-height: 140%;
}

form {
	margin:0;
	padding:0;
}
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
 
input {
	line-height: 1.2;
}
 
textarea {
	padding: 0.4em 10px;
}
 
img {
	vertical-align: bottom;
}

p {
}

b { font-weight: bold !important;}

/* =====================================================================
*
*    3. Yahoo UI Library Fonts CSS
*    http://developer.yahoo.com/yui/fonts/
*    *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
*    *http://developer.yahoo.com/yui/license.txt
*    
*    Font-size Adjustment
*    
*     77% = 10px	|	122% = 16px	|	167% = 22px	
*     85% = 11px	|	129% = 17px	|	174% = 23px
*     93% = 12px	|	136% = 18px	|	182% = 24px
*    100% = 13px	|	144% = 19px	|	189% = 25px
*    107% = 14px	|	152% = 20px	|	197% = 26px
*    114% = 15px	|	159% = 21px	|	204% = 27px
*
*    212% = 28px	|	159% = 29px	|	197% = 30px
*
* =================================================================== */

 
body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}
 
select, input, textarea {
	font-size: 99%;
}


/* =====================================================================
*
*    4. Basic Font Format
*
* =================================================================== */

/* ---------------------------------
*    Font Family
*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
;;body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

/* ---------------------------------
*    明朝指定
*/

h1,
.lower-wide header h3,
.lower header h3 { font-family:'Hiragino Mincho Pro W3', 'ヒラギノ明朝 Pro W3', 'MS P 明朝', Georgia, 'Times New Roman', serif, 'メイリオ';}

/* ---------------------------------
*    再度ゴシック指定
*/

.lower h1,
.lower-wide h1 { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

/* ---------------------------------
*    Font Size
*/

.xx-large  { font-size: 200%; line-height: 1.8em; }
.mid-large { font-size: 182%; line-height: 1.4em; }
.x-large   { font-size: 164%; line-height: 1.8em; }
.large     { font-size: 144%; }
.mid       { font-size: 122%; }
.red-mid   { font-size: 122%; color:#FF0000; }
.regular   { font-size: 107%; }
.small     { font-size:  92%; }
.mid-small { font-size:  85%; letter-spacing: 1px; }
.x-small   { font-size:  77%; letter-spacing: 1px; }
.x-xx-small   { font-size:  90%; letter-spacing: 1px; line-height:15px; }
.x-xxx-small   { font-size:  90%; letter-spacing: 1px; line-height:15px; font-weight:bold; color:#FF0000; }


/* ---------------------------------
*    clearfix
*/

.clearfix { min-height: 1%; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */


/* =====================================================================
*
*    5. Basic Hyperlink Format
*
* =================================================================== */

/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/

a:link        { color: #CC006A; text-decoration: none; }
a:visited     { color: #CC006A; text-decoration: none; }
a:hover       { color: #CC006A; text-decoration: underline; }
a:active      { color: #CC006A; text-decoration: none; }

a.l-w:link    { color: #FFFFFF; text-decoration: none; }
a.l-w:visited { color: #FFFFFF; text-decoration: none; }
a.l-w:hover   { color: #FFFFFF; text-decoration: underline; }
a.l-w:active  { color: #FFFFFF; text-decoration: none; }

a.l-wc:link    { color: #FFFFFF; text-decoration: none; }
a.l-wc:visited { color: #FFFFFF; text-decoration: none; }
a.l-wc:hover   { color: #33CCFF; text-decoration: none; }
a.l-wc:active  { color: #FFFFFF; text-decoration: none; }

a.l-c:link    { color: #33CCFF; text-decoration: none; }
a.l-c:visited { color: #33CCFF; text-decoration: none; }
a.l-c:hover   { color: #33CCFF; text-decoration: underline; }
a.l-c:active  { color: #33CCFF; text-decoration: none; }

a.l-g:link    { color: #666666; text-decoration: none; }
a.l-g:visited { color: #666666; text-decoration: none; }
a.l-g:hover   { color: #999999; text-decoration: underline; }
a.l-g:active  { color: #666666; text-decoration: none; }

a.l-cc:link    { color: #33CCFF; text-decoration: none; }
a.l-cc:visited { color: #DDDDDD; text-decoration: none; }
a.l-cc:hover   { color: #FFFFFF; text-decoration: none; }
a.l-cc:active  { color: #33CCFF; text-decoration: none; }


/* =====================================================================
*
*    6. Header
*
* =================================================================== */

header p    { width: 426px; float: left;}
header h1,
header h3   { width: 420px; position: absolute; top: 0; left: 3px; float: left;}
header h1 a,
header h3 a { width: 220px; padding: 20px 200px 0 0; height: 40px; display: block; text-align: center;}

header ul { width: 272px; padding: 3px 16px 0 226px; float: left;}
header li { float: left;}

#pagetop { width: 30px; height: 30px; background: url(/juken/common/images/btn-pagetop.gif) no-repeat 0 0; display: none; cursor: pointer; float: left;}
#pagetop:hover { background: url(/juken/common/images/btn-pagetop.gif) no-repeat 0 -30px;}

/* lower set */

/* lower wide set */
.lower-wide header { position: relative;}
.lower-wide header p { padding-left: 7px;}
.lower-wide header h3 { left: 10px;}
.lower-wide header ul { width: 272px; padding: 3px 16px 0 0; position: absolute; top: 0; right: 46px;}
.lower-wide #pagetop { position: absolute; top: 0; right: 16px;}

/* =====================================================================
*
*    7. Footer
*
* =================================================================== */

section.social { border: 1px solid #000; border: 0;}
.fb-like-box { width: 352px; border: 1px solid #000; border: 0; float: right; background: transparent;}
.tw-flw { width: 160px; border: 1px solid #000; border: none; padding-top: 20px; float: right;}

.footstamp { width: 100%; height: 36px; background: url(/juken/common/images/bg-footstamp.png) 0 0 repeat-x;}
	/* simple-set */ body.simple .footstamp { width: 100%; height: 36px; background: url(/juken/common/images/bg-footstamp-simple.png) 0 0 repeat-x;}
.footstamp ul { width: 900px; margin: 0 auto; padding: 3px 0;}
.footstamp li { height: 30px; padding: 0 32px 0 14px; background: url(/juken/common/images/bg-arrow-fs.gif) top right no-repeat; float: left;}
.footstamp li.stamp1st { padding-left: 0;}
.footstamp li a { font-size: 77%; line-height: 3.2em;}
.footstamp li span { font-size: 77%; line-height: 3.2em; font-weight: bold; color: #666666;}
* html .footstamp li a { line-height: 2.9em;}
* html .footstamp li span { line-height: 2.9em;}

#sitemap { width: 100%; background: url(/juken/common/images/bg-sitemap.gif) 0 0 repeat;}
#sitemap header { width: 900px !important; margin: 0 auto; border: 1px solid #000; border: none; padding: 24px 0 16px; background: none;}
#sitemap header h2 { float: left; font-size: 189%; font-weight: bold; color: #33CCFF;}
	html.ie7 #sitemap header h2 { line-height: 1.2em;}
	* html #sitemap header h2 { line-height: 1.3em;}
#sitemap header p { padding: 6px 0 0 12px; float: left; font-size: 93%; font-weight: bold; color: #33CCFF;}

#sitemap div.clearfix { width: 912px; margin: 0 auto; padding: 0 3px;}

.sitemap-box { width: 216px; padding: 7px 6px 9px; float: left;}
.sitemap-box p { width: 216px;}
.sitemap-box p a { width: 216px; height: 24px; display: block; font-size: 107%; font-weight: bold;}
.sitemap-box li { width: 216px; color: #33CCFF;}
.sitemap-box li a { width: 216px; display: block; font-size: 77%;}
.sitemap-box li span { font-size: 77%; color: #33CCFF;}
.sitemap-box ul.txt-lg { width: 216px;}
.sitemap-box ul.txt-lg li { width: 216px; height: 24px;}
.sitemap-box ul.txt-lg li a { width: 216px; font-size: 100%; font-weight: bold;}

ul.general-bnr { border-top: 1px solid #209DCC; padding-top: 20px;}

section.credit { width: 100%; background: url(/juken/common/images/bg-credit.gif) 0 0 repeat;}
section.credit .credit-box { width: 100%; background: url(/juken/common/images/bg-sitemap-foot.gif) 0 0 repeat-x;}
	/* simple-set */ body.simple section.credit .credit-box { width: 100%; background: none;}
.credit-box div.clearfix { width: 980px; margin: 0 auto; padding: 48px 0 30px;}
	/* simple-set */ body.simple .credit-box div.clearfix { width: 980px; margin: 0 auto; padding: 33px 0 30px;}
.credit-box ul { width: 300px; float: right; border: 1px solid #FFF; border: 0;}
.credit-box li { padding-left: 30px; float: right; background: url(/juken/common/images/icon-arrow-w.png)  18px 5px no-repeat;}
.credit-box li a { font-size: 77%;}

.credit-box dl { float: left;}
.credit-box dt { padding-left: 40px; float: left; font-size: 85%; color: #FFFFFF; line-height: 1.4em;}
.credit-box dt img { padding-right: 20px;}
.credit-box dd { padding-left: 20px; float: left;}
dd address { font-size: 77%; color: #FFFFFF;}

p.copyright { width: 138px; padding: 0 338px 0 421px; float: left;}
p.siteby { width: 63px; float: left;}