@charset "shift_jis";
/* CSS Document */

/* --------------------------------------------------
	default setting
-------------------------------------------------- */

* {
	margin	: 0;
	padding	: 0;
}

body {
	font-family	:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-style  : normal;
	font-weight : normal;
	background-image:url(../img/background_2010mar.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

body#gal {
	background-image:url(../img/background02_2010mar.jpg);
}

body#gal2 {
	background-image:url(../img/background03_2010mar.jpg);
}

body#gal3 {
	background-image:url(../img/background05_2010mar.jpg);
}

body#intro {
	background-image:url(../img/background_photo01_2010mar.jpg);
}

body#prog {
	background-image:url(../img/background_photo02_2010mar.jpg);
}

a {
	color           : #9c9491;
	text-decoration : none;
}

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

img {
	border		: none;
}

.linkborder {
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	font-size: 12px;
	background:#FFFFFF;
}

/* --------------------------------------------------
	basic setting
-------------------------------------------------- */

#container {
	position	: absolute;
	left		: 50%;
	width		: 1024px;
	height		: auto;
	margin-left	: -420px;
}

h1 a {
	text-indent	: -10000px;
	width:365px;
	height:86px;
	display:block;
	position: absolute;
	left:60%;
	top:41px;
	z-index: 1;
}

/* --------------------------------------------------
	font style
-------------------------------------------------- */

.style24 {
	font-size: 24px;
	font-weight:normal;
	color:#9c9491;
	line-height: 1.7;
}


.style18 {
	font-size: 18px;
	font-weight:normal;
	color:#9c9491;
	line-height: 1.6;
}

.style14  {
	font-size: 14px;
	font-weight:normal;
	color:#9c9491;
	line-height: 1.6;
}

.style13  {
	font-size: 13px;
	font-weight:normal;
	color:#9c9491;
	line-height: 1.6;
}

.style12 {
	font-size: 12px;
	font-weight:normal;
	color:#9c9491;
	line-height: 1.6;
}

.eng {
	font-family	:Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}


/* --------------------------------------------------
	top-page
-------------------------------------------------- */

#toppage #main {
	position:absolute;
	top:490px;
	left:0px;
}

#toppage h2 {
	font-size: 13px;
	color:#514454;
	font-weight:normal;
	margin-bottom:3em;
}

#toppage p {
	font-size: 13px;
	color:#514454;
	line-height: 0.9;
}

#toppage .num {
	font-size: 43px;
	color:#ff4500;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
}

#toppage .bai {
	font-size: 34px;
	color:#514454;
}

/* --------------------------------------------------
	article
-------------------------------------------------- */

#article #main {
	position:absolute;
	top:95px;
	left:0px;
}

#article h2 {
	text-indent	: -10000px;
}

#article h3 {
	font-size:13px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:4px;
	color:#9c9491;
}

/* --------------------------------------------------
	agreement page
-------------------------------------------------- */

#article .agreement {
	font-size: 21px;
	color:#9c9491;
	line-height: 1.5;
	padding-bottom: 19px;
}

#article .agreement .num {
	font-family	:Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------
	intro page
-------------------------------------------------- */

#article #main2 {
	position:absolute;
	top:195px;
	left:0px;
	width: 740px;
}

#main2 h2 {
	text-indent	: -10000px;
}

#main2 h3 {
	font-size:12px;
	font-weight:normal;
	margin-top:28px;
	margin-bottom:2px;
	color:#9c9491;
}


#main2 .cc {
	font-size: 38px;
	font-weight:bold;
	line-height:1.7;
	color:#ff4500;
	margin-bottom:60px;
}

#main2 .cc .sub {
	font-size: 0.85em;
	font-weight:bold;
	color:#999999;
}

#main2 #course {
	position:absolute;
	top:330px;
	right:0px;
	text-align:right;
}	

#main2 #catch090328 {
	right:0px;
	text-align:right;
}	

/* --------------------------------------------------
	profile page
-------------------------------------------------- */

#article #main3 {
	position:absolute;
	top:0px;
	left:0px;
	margin-top:125px;
	width: 820px;
	z-index: 2;
}

#main3 h3 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:28px;
	color:#9c9491;
}

#main3 ul {
	list-style:none;
	margin-left: 1em;
	margin-top: 10px;
}

#main3 #prize {
	position:absolute;
	top	: 240px;
	left: 325px;
}

/* --------------------------------------------------
	gallery page
-------------------------------------------------- */

#article #main4 {
	position:absolute;
	top:65px;
	left:-40px;
	width: 891px;
}

#main4 #stworks {
	color:#ff4500;
}

#main4 #stworks h3 {
	width		: 344px;
	height		: 18px;
	background	: url(../img/20090519_title_g02.png) no-repeat;
	text-indent	: -10000px;
	margin-top	: -10px;
}

#main4 #stworks #works1 {
	font-size:13px;
	position:absolute;
	top:97px;
	left:285px;
}

#main4 #stworks #works2 {
	font-size:13px;
	position:absolute;
	top:97px;
	left:595px;
}

#main4 #stworks #works3 {
	font-size:13px;
	position:absolute;
	top:365px;
	right:0px;
}

#main4 #stworks #gallery01 {
	font-size:12px;
	position:absolute;
	top:45px;
}


/* --------------------------------------------------
	program page
-------------------------------------------------- */

#article #main5 {
	position:absolute;
	top:146px;
	left:0px;
	width: 690px;
}

#article #main5 h3 {
	font-size: 13px;
	color:#fe4601;
}

#article #main5 p {
	font-size: 13px;
	line-height: 1.7;
	margin-left:60px;
	margin-top:-23px;
	color:#666;
}

#article #main5 .timetable {
	margin-top:2em;
}

/* --------------------------------------------------
	exam page
-------------------------------------------------- */

#article #main6 {
	position:absolute;
	top:100px;
	left: 0px;
	width: 820px;
	color:#9c9491;
}

#main6 h2 {
	text-indent:0;
	font-size: 24px;
}

#main6 h2#entry {
	margin-top:40px;
	font-weight:lighter;
}

#main6 h3 {
	margin-top:60px;
}

#main6 p {
	margin-top: 10px;
	font-size: 13px;
	line-height:1.6;
}

/* --------------------------------------------------
	contact page
-------------------------------------------------- */

#article #main7 {
	position:absolute;
	top:86px;
	left: 0px;
	width: 740px;
	color:#9c9491;
}

#main7 h3 {
	font-size: 14px;
	line-height:1.6;
}

#main7 h3#pp{
	font-size: 12px;
	line-height:1.6;
	font-weight:lighter;
	margin-top:60px;
}

#main7 #privacy {
	font-size: 12px;
	line-height:1.6;
}

#privacy ul {
	margin-left:2em;
}

#privacy ol {
	margin: 0.8em 0 0.8em 1.5em;
}

#privacy li {
	margin-bottom:0.6em;
	line-height: 1.4;
}

#privacy .ps {
	margin-top:2em;
}


/* --------------------------------------------------
	contact form
-------------------------------------------------- */

#contact-form {
	position:absolute;
	top:26px;
	left:0px;
	font-size:12px;
	line-height:1.3;
}


#contact-form h3 {
	font-size: 16px;
	font-weight:bold;
	color:#ff4500;
	margin-bottom:15px;
}

#contact-form th {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	color:#9c9491;
	padding:4px;
	line-height:1.3;
}

#contact-form td {
	font-size:12px;
	vertical-align:top;
	color:#9c9491;
	line-height:1.3;
	padding:4px;
}

#contact-form textarea {
	width:392px;
}

#contact-form p.topp {
	margin: 0 0.5em 1em 0;
	text-align:right;
}

#contact-form p.topp a {
	border: 1px solid #999999;
	padding: 2px 3px;
}


/* --------------------------------------------------
	article navi
-------------------------------------------------- */

#article #navi {
	position:absolute;
	top	: 265px;
	right:46px;
}

#article #navi ul {
	list-style:none;
}

#article #navi ul li a {
	display:block;
	text-indent:-10000px;
	margin-bottom:15px;
}

#article #navi ul li#intro a {
	width		: 36px;
	height		: 17px;
	background:url(../img/menu01.png) no-repeat;
}

#article #navi ul li#intro a:hover {
	background:url(../img/menu01_on.png) no-repeat;
}

#article #navi ul li#intro .on {
	background:url(../img/menu01_on.png) no-repeat;
}


#article #navi ul li#program a {
	width		: 67px;
	height		: 17px;
	background:url(../img/menu02.png) no-repeat;
}

#article #navi ul li#program a:hover {
	background:url(../img/menu02_on.png) no-repeat;
}

#article #navi ul li#program .on {
	background:url(../img/menu02_on.png) no-repeat;
}


#article #navi ul li#profile a {
	width		: 50px;
	height		: 17px;
	background:url(../img/menu03.png) no-repeat;
}

#article #navi ul li#profile a:hover {
	background:url(../img/menu03_on.png) no-repeat;
}

#article #navi ul li#profile .on {
	background:url(../img/menu03_on.png) no-repeat;
}

#article #navi ul li#gallery a {
	width		: 53px;
	height		: 17px;
	background:url(../img/menu04.png) no-repeat;
}

#article #navi ul li#gallery a:hover {
	background:url(../img/menu04_on.png) no-repeat;
}

#article #navi ul li#gallery .on {
	background:url(../img/menu04_on.png) no-repeat;
}

#article #navi ul li#examination a {
	width		: 95px;
	height		: 17px;
	background:url(../img/menu05.png) no-repeat;
}

#article #navi ul li#examination a:hover {
	background:url(../img/menu05_on.png) no-repeat;
}

#article #navi ul li#examination .on {
	background:url(../img/menu05_on.png) no-repeat;
}

#article #navi ul li#agreemnt a {
	width		: 86px;
	height		: 17px;
	background:url(../img/menu06.png) no-repeat;
}

#article #navi ul li#agreemnt a:hover {
	background:url(../img/menu06_on.png) no-repeat;
}

#article #navi ul li#agreemnt .on {
	background:url(../img/menu06_on.png) no-repeat;
}

#article #navi ul li#contact a {
	width		: 57px;
	height		: 17px;
	background:url(../img/menu07.png) no-repeat;
}

#article #navi ul li#contact a:hover {
	background:url(../img/menu07_on.png) no-repeat;
}

#article #navi ul li#contact .on {
	background:url(../img/menu07_on.png) no-repeat;
}

#article #navi ul li#top a {
	width		: 25px;
	height		: 17px;
	background:url(../img/menu08.png) no-repeat;
}

#article #navi ul li#top a:hover {
	background:url(../img/menu08_on.png) no-repeat;
}


#article #navi ul li#entry a {
	width		: 40px;
	height		: 17px;
	background:url(../img/menu09.png) no-repeat;
}

#article #navi ul li#entry a:hover {
	background:url(../img/menu09_on.png) no-repeat;
}

#article #navi ul li#entry .on {
	background:url(../img/menu09_on.png) no-repeat;
}

#article #navi ul li#access a {
	width		: 54px;
	height		: 17px;
	background:url(../img/menu10.png) no-repeat;
}

#article #navi ul li#access a:hover {
	background:url(../img/menu10_on.png) no-repeat;
}

#article #navi ul li#access .on {
	background:url(../img/menu10_on.png) no-repeat;
}

#article #navi ul li#blog a {
	width		: 32px;
	height		: 18px;
	background:url(../img/menu11.png) no-repeat;
}

#article #navi ul li#blog a:hover {
	background:url(../img/menu11_on.png) no-repeat;
}



/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footer {
	width		:977px;
	position	:absolute;
	top			:644px;
	right		: 46px;
}

#footer #copy {
	font-size	:10px;
	color		:#9c9491;
	font-family	:Arial, Helvetica, sans-serif;
	text-align	:right;
}

/* --------------------------------------------------
	gallery 20090303
-------------------------------------------------- */

#gal2 #footer {
	width		:977px;
	position	:absolute;
	top			:753px;
	right		:46px;
}

#gal2 #footer #copy {
	font-size	:10px;
	color		:#9c9491;
	font-family	:Arial, Helvetica, sans-serif;
	text-align	:right;
}

#gal2 #main4 h3 {
	width		: 377px;
	height		: 18px;
	background	: url(../img/20090519_title_g03.png) no-repeat;
	text-indent	: -10000;
	margin-top	: -10px;
}


#gal2 #main4 #stworks #gallery02 {
	font-size:12px;
	position:absolute;
	top:45px;
}

#gal2 #main4 #stworks #works4 {
	font-size:13px;
	position:absolute;
	top:69px;
	left:0px;
}

#gal2 #main4 #stworks #works5 {
	font-size:13px;
	position:absolute;
	top:686px;
	left:0px;
}

#gal2 #main4 #stworks #works6 {
	font-size:13px;
	position:absolute;
	top:686px;
	left:223px;
}

#gal2 #main4 #stworks #works7 {
	font-size:13px;
	position:absolute;
	top:686px;
	left:448px;
}

#gal2 #main4 #stworks #works8 {
	font-size:13px;
	position:absolute;
	top:686px;
	left:667px;
}

/* --------------------------------------------------
	gallery 20090519
-------------------------------------------------- */

#gal3 #footer {
	width		:977px;
	position	:absolute;
	top			:753px;
	right		:46px;
}

#gal3 #footer #copy {
	font-size	:10px;
	color		:#9c9491;
	font-family	:Arial, Helvetica, sans-serif;
	text-align	:right;
}

#gal3 #main4 h3 {
	width		: 344px;
	height		: 18px;
	background	: url(../img/20090519_title_g01.png) no-repeat;
	text-indent	: -10000;
	margin-top	: -10px;
}


#gal3 #main4 #stworks #gallery03 {
	font-size:12px;
	position:absolute;
	top:45px;
}

#gal3 #main4 #stworks #works9 {
	font-size:13px;
	position:absolute;
	top:105px;
	left:225px;
}