/*  Common Tags
----------------------------------------------- */
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	line-height: 100%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { font-size: 0.1em;}

img { border: none; }
li { list-style-type: none;}
.clear { clear: both; font-size: 1px;}

a, a:link { color: #003399;}
a:active { color: #E61900;}
a:visited { color: #8000CC;}
a:hover { color: #E61900;}

#container {
	width: 800px;
	background-image: url(../img/bar_airmail.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
}

.pkg {
	/* Hide from IE5-mac \*/
	height: 1%;
	/* End Hide from IE5-mac */
}

/*  Header
----------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
	background-image: url(../img/header_back_image.jpg);
	background-repeat: no-repeat;
}

h1 a {
	float: left;
	width: 294px;
	height: 46px;
	margin: 0 0 0 73px;
	background-image: url(../img/h1_title.jpg);
	background-repeat: no-repeat;
	text-indent: -7000em;
}

p.description {
	font-size: x-small;
	color: #FFFFFF;
	height: 26px;
	margin: 0 0 0 73px;
	padding: 0;
	line-height: 20px;
}

#header-right {
	float: right;
	width: 423px;
	text-align: right;
	margin: 10px 10px 0 0;
}

.header-navi {
	font-size: x-small;
	margin: 0 10px 0 0;
}

.header-navi img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.header-logo {
	vertical-align: -6px;
}

#banner-468 {
	clear: both;
	width: 468px;
	height: 80;
	margin: 15px auto 0 auto;
	padding: 20px 0 0 0;
}
#banner-728 {
	clear: both;
	width: 782px;
/*	margin: 30px auto 0px auto;   (普通の設定) */
	margin: 30px 9px 0px 9px;
*  	margin:10px 9px 0 9px;
	padding: 0;
}

#banner-728 img {
	margin: 20px 0 0 0;
	padding: 0;
}

/*  Navi
----------------------------------------------- */
#navi { clear: both; }

#navi ul { padding: 15px 0 0 0;}

#navi li { float: left;}

li.study a {
	display: block;
	background-image: url(../img/navi_study.jpg);
	background-repeat: no-repeat;
	width: 159px;
	height: 28px;
	text-indent: -7000em;
}

li.study a:hover {
	display: block;
	background-image: url(../img/navi_study_over.jpg);
	background-repeat: no-repeat;
	width: 159px;
	height: 28px;
	text-indent: -7000em;
}

li.working a {
	display: block;
	background-image: url(../img/navi_working.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 28px;
	text-indent: -7000em;
}

li.working a:hover {
	display: block;
	background-image: url(../img/navi_working_over.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 28px;
	text-indent: -7000em;
}

li.intern a {
	display: block;
	background-image: url(../img/navi_intern.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 28px;
	text-indent: -7000em;
}

li.intern a:hover {
	display: block;
	background-image: url(../img/navi_intern_over.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 28px;
	text-indent: -7000em;
}

li.life a {
	display: block;
	background-image: url(../img/navi_live.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	text-indent: -7000em;
}

li.life a:hover {
	display: block;
	background-image: url(../img/navi_live_over.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	text-indent: -7000em;
}

li.travel a {
	display: block;
	background-image: url(../img/navi_travel.jpg);
	background-repeat: no-repeat;
	width: 159px;
	height: 28px;
	text-indent: -7000em;
}

li.travel a:hover {
	display: block;
	background-image: url(../img/navi_travel_over.jpg);
	background-repeat: no-repeat;
	width: 159px;
	height: 28px;
	text-indent: -7000em;
}

/*  Navi-Description
----------------------------------------------- */
#navi-description-study {
	clear: both;
	background-color: #F3F3D9;
	padding: 4px 4px 4px 35px;
	background-image: url(../img/icon_navi_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	visibility: hidden;
}
#navi-description-working {
	clear: both;
	background-color: #F3F3D9;
	padding: 4px 4px 4px 35px;
	background-image: url(../img/icon_navi_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	visibility: hidden;
	margin: -21px 0;
}
#navi-description-intern {
	clear: both;
	background-color: #F3F3D9;
	padding: 4px 4px 4px 35px;
	background-image: url(../img/icon_navi_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	visibility: hidden;
	margin: -21px 0;
}
#navi-description-life {
	clear: both;
	background-color: #F3F3D9;
	padding: 4px 4px 4px 35px;
	background-image: url(../img/icon_navi_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	visibility: hidden;
	margin: -21px 0;
}
#navi-description-travel {
	clear: both;
	background-color: #F3F3D9;
	padding: 4px 4px 4px 35px;
	background-image: url(../img/icon_navi_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	visibility: hidden;
	margin: -21px 0;	
}

/*  Content
----------------------------------------------- */
#content { clear: both; }
#content-inner { padding: 5px 0 0 0; }

/*  Main
----------------------------------------------- */
#main {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0;
}

.pankuzu {
	height: 25px;
	vertical-align: top;
	line-height: 100%;
	}

/*  Kihon
----------------------------------------------- */
.yellow-title {
	background-color: #F38C00;
	padding: 2px 0 2px 10px;
	margin: 20px 0 0 0;
}


.recent-title {
	background-color: #F38C00;
	padding: 2px 0 2px 10px;
	margin: 0;
}

#recent {
	border: 1px solid #F38C00;
	margin: 0;
	width: 528px;
}

iframe {
	margin: 0;
}


.kihon-inner {
	margin: 15px 0 0 0;
}

.kihon-space {
	width: 10px;
}

.kihon-frame {
	background-color: #FFFFE6;
	background-image: url(../img/icon_kihon.jpg);
	background-repeat: no-repeat;
	border: 1px solid #F7AE45;
	vertical-align: top;
}

.kihon-title {
	margin: 5px 0 0 50px;
}

.mokuteki {
	margin: 20px auto 10px auto;
	width: 200px;
}


.kihon {
	margin: 20px auto 10px 20px;
	width: 220px;
}

.kihon td {
	padding: 3px 0;
	vertical-align: middle;
}

.big-text {
	font-size: medium;
	font-weight: bold;
}

.small-text {
	font-size: x-small;
	padding-left: 12px;
}

.btn-more {
	text-align: right;
}

.guidebook {
	margin: 20px auto 10px 50px;
	width: 430px;
}

.mokuteki td,
.country td,
.guidebook td {
	padding: 3px 0;
	white-space: nowrap;
	vertical-align: middle;
}

.mokuteki img,
.country img,
.tokusyu-backnumber img,
.big-text img,
.guidebook img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.country {
	margin: 20px auto 10px auto;
	width: 230px;
}

/*  Tokusyu
----------------------------------------------- */
.blue-title {
	background-color: #0053AC;
	margin: 20px 0 0 0;
	padding: 2px 0 1px 10px;
}

.blue-inner,
.enq-inner {
	border: 1px solid #0053AC;
	/* Hide from IE5-mac \*/
	height: 1%;
	/* End Hide from IE5-mac */
}

.tokusyu-inner {
	padding: 15px 20px;
}

.icon {
	padding: 0 0 10px 0;
}

.tokusyu-inner2 {
	padding: 15px 20px;
	background-image: url(../img/dotline_blue.gif);
	background-repeat: repeat-x;
}

.tokusyu-photo {
	float: left;
	width: 180px;
	margin: 0;
}

.tokusyu-text {
	float: right;
	width: 290px;
	margin: 0;
	padding: 0;
}

.tokusyu-text h4 { margin: 0 0 15px 0;}

.tokusyu-text p { line-height: 140%; margin: 0 0 10px 0;}

.tokusyu-text .more { text-align: right; margin: 0; padding: 0;}

.tokusyu-backnumber { text-align: right; margin: 5px 0 0 0;}

.news-notice-small { text-align: right; margin: 5px 0 0 0; font-size:x-small;}


#news-inner,
#event-inner {
	margin: 0 0 15px 0;
}

#news-inner h4,
#event-inner h4 {
	padding: 15px 0 0 0;
	margin: 0 0 0 20px;
}

#news-inner ul,
#event-inner ul,
#pickup ul {
	margin: 10px 0 0 30px;
}

#news-inner li,
#event-inner li,
#pickup li {
	margin: 0 0 5px 0;
	background-image: url(../img/icon_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 100%;
	padding: 0 0 0 10px;
}

#news-inner li img,
#event-inner li img {
	margin: 0 0 0 4px;
	vertical-align: middle;
}

#news-inner p,
#event-inner p {
	font-size: x-small;
	text-align: right;
	margin: 0 20px 0 0;
}

#news-inner p img,
#event-inner p img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

#event-inner {
	background-image: url(../img/dotline_blue.gif);
	background-repeat: repeat-x;
}

#pickup {
	background-color: #DCEBFA;
	margin: 20px 0 0 0;
	padding: 10px 0;
}

#pickup h3 {
	margin: 0 10px;
	padding: 0;
}

#campaign {
	border: 1px solid #B3B3B3;
	margin: 20px 0 0 0;
	padding: 20px;
}

.campaign-image {
	float: left;
	width: 140px;
}

.campaign-text {
	float: right;
	width: 340px;
}

.campaign-text h4 {
	margin: 0 0 15px 0;
}

.campaign-text .more { text-align: right; margin: 0; padding: 0;}

/*  Side
----------------------------------------------- */
#side {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
}

#banner-240 {
	margin: 0 0 20px 0;
}


.orange {
	background-color: #fce8cc;
	margin: 0 0 5px 0;
	padding: 0;
}
.orange h3 {
	border-bottom: 1px solid #FF6600;
	margin: 0 10px 0 10px;
	padding: 10px 0 3px 0;
}

.mizuiro {
	background-color: #DCEBFA;
	margin: 0 0 5px 0;
	padding: 0;
}

.mizuiro h3 {
	border-bottom: 1px solid #9AB8E1;
	margin: 0 10px 0 10px;
	padding: 10px 0 3px 0;
}

.side-inner {
	padding: 10px;
}

.side-inner-dot {
	padding: 10px;
	background-image: url(../img/dotline_blue.gif);
	background-repeat: repeat-x;
}

.side-image {
	float: left;
	width: 60px;
}

.side-text {
	float: right;
	width: 150px;
}

.side-text p {
	font-size: x-small;
	line-height: 140%;
	margin: 0 0 8px 0;
}

.side-text h4 {
	font-size: small;
	line-height: 120%;
	margin: 0 0 5px 0;
}

.side-text .ichiran {
	text-align: right;
	margin: 3px 0 0 0;
}

.ichiran img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.side-text .more { text-align: right;}

#banner-234 {
 	width: 234px;
	margin: 10px auto 0 auto;
}
 
#banner-234 p {
	margin: 0 0 5px 0;
 }
 
.blue-title-s {
	background-color: #0053AC;
	margin: 10px 0 0 0;
	padding: 1px 0 0 1px;
}

/*  Footer
----------------------------------------------- */
#footer {
	clear: both;
	background-image: url(../img/bar_airmail.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px 0 10px 0;
	margin: 0;
}

#footer-inner {
	border-top: 1px solid #B3B3B3;
	padding: 15px 0 10px 0;
	margin: 0;
	text-align: center;
}

#footer-inner p {
	margin: 0 0 15px 0;
	line-height: 140%;
}

address {
	font-style: normal;
	font-size: x-small;
	color: #999999;
	margin: 0 0 15px 0;
}

/*  Roleplaying
----------------------------------------------- */
#roleplaying {
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	padding: 20px;
	text-align: left;
}

.roleplaying-info {
	line-height: 140%;
}

.roleplaying-info img {
	float: right;
	margin: 0 0 10px 10px;
}

#roleplaying h3 {
	clear: both;
	background-color: #F3EBD9;
	border-top: 4px solid #006600;
	padding: 15px 0;
	margin: 0;
	text-align: center;
}

.read {
	background-color: #F3EBD9;
	padding: 10px 0 20px 0;
	border-top: 1px solid #629C58;
	text-align: center;
}

#q {
	background-color: #F3EBD9;
	border-top: 1px solid #C2CFAE;
}

#q p {
	padding: 5px 40px;
	border-bottom: 1px solid #C2CFAE;
}

#q img, input {
	vertical-align: middle;
	margin-right: 4px;
}

.result-btn {
	background-color: #F3EBD9;
	padding: 20px 0;
	text-align: center;
}

/*  Roleplaying Result Carrier
----------------------------------------------- */
#carrier {
	background-color: #9AEBF5;
	text-align: center;
	background-image: url(/ryugaku/roleplaying/img/carrier_image.gif);
	background-repeat: repeat-x;
	border: 1px solid #9AEBF5;
	padding: 20px;
}

#carrier h2 {
	text-align: left;
}

.result {
	clear: both;
	width: 490px;
	margin: 10px 0 0 0;
}

.carrier-text {
	margin: 70px 0 0 0;
	padding: 0 0 10px 0;
	line-height: 140%;
	text-align: left;
}

.carrier-space {
	width: 220px;
	height: 100px;
	margin: 0;
	float: right;
}

.carrier-middle {
	background-image: url(/ryugaku/roleplaying/img/carrier_middle.gif);
	background-repeat: repeat-y;
	padding: 10px 15px;
}

.carrier-middle p {
	line-height: 140%;
	text-align: left;
}

.carrier-bottom {
	background-image: url(/ryugaku/roleplaying/img/carrier_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}

.carrier-bottom p {
	background-image: url(/ryugaku/roleplaying/img/carrier_middle_gray.gif);
	background-repeat: repeat-y;
	text-align: right;
	padding: 4px 15px 2px 0;
}

/*  Roleplaying Result Study
----------------------------------------------- */
#study {
	background-color: #CEEFA9;
	text-align: center;
	background-image: url(/ryugaku/roleplaying/img/study_image.gif);
	background-repeat: repeat-x;
	border: 1px solid #CEEFA9;
	padding: 20px;
}

#study h2 {
	text-align: left;
}

.study-text {
	margin: 70px 0 0 0;
	padding: 0 0 10px 0;
	line-height: 140%;
	text-align: left;
}

.study-space {
	width: 220px;
	height: 60px;
	margin: 0;
	float: right;
}

.study-middle {
	background-image: url(/ryugaku/roleplaying/img/study_middle.gif);
	background-repeat: repeat-y;
	padding: 10px 15px;
}

.study-middle p {
	line-height: 140%;
	text-align: left;
}

.study-bottom {
	background-image: url(/ryugaku/roleplaying/img/study_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	text-align: right;
}

.study-bottom p {
	background-image: url(/ryugaku/roleplaying/img/study_middle_gray.gif);
	background-repeat: repeat-y;
	text-align: right;
	padding: 4px 15px 2px 0;
}

.study-bottom-middle {
	background-image: url(/ryugaku/roleplaying/img/study_middle_gray.gif);
	background-repeat: repeat-y;
	text-align: right;
	padding: 4px 0 2px 0;
}

.study-table {
	text-align: right;
	margin: 0 15px 0 310px;
}

.study-bottom td {
	white-space: nowrap;
	text-align: left;
	padding: 1px 2px;
}

/*  Roleplaying Result Experience
----------------------------------------------- */
#experience {
	background-color: #FBECA5;
	text-align: center;
	background-image: url(/ryugaku/roleplaying/img/experience_image.gif);
	background-repeat: repeat-x;
	border: 1px solid #FBECA5;
	padding: 20px;
}

#experience h2 {
	text-align: left;
}

.experience-text {
	margin: 70px 0 0 0;
	padding: 0 0 10px 0;
	line-height: 140%;
	text-align: left;
}

.experience-space {
	width: 180px;
	height: 80px;
	margin: 0;
	float: right;
}

.experience-middle {
	background-image: url(/ryugaku/roleplaying/img/experience_middle.gif);
	background-repeat: repeat-y;
	padding: 10px 15px;
}

.experience-middle p {
	line-height: 140%;
	text-align: left;
}

.experience-bottom {
	background-image: url(/ryugaku/roleplaying/img/experience_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}

.experience-bottom p {
	background-image: url(/ryugaku/roleplaying/img/experience_middle_gray.gif);
	background-repeat: repeat-y;
	text-align: right;
	padding: 4px 15px 2px 0;
}

/*  Enq
----------------------------------------------- */
.enq-inner {
	text-align: center;
}

.q {
	width: 160px;
	background-image: url(../img/icon_q.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	margin: 10px auto;
	text-align: left;
	line-height: 140%;
}

.radio-blue,
.radio-white {
	padding:  3px 0 3px 50px;
	text-align: left;
	margin: 0;
}

.radio-blue {
	background-color: #DCEBFA;
}


.btn-enq {
	margin: 15px auto 0 auto;
	font-size: x-small;
}

.enq-footer {
	margin: 8px auto;
	font-size: x-small;
}

/*  Howto
----------------------------------------------- */
#howto {
	border: 1px solid #FF9900;
	padding: 0 60px 30px 60px;
}

.howto-info {
	margin: 20px 0 0 0;
	line-height: 140%;
}

.strong {
	font-size: medium;
	font-weight: bold;
	color: #F55F0E;
}

#howto-midashi {
	margin: 15px 0 0 0;
	background-image: url(../img/dotline_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 0 10px 0;
}

#howto-midashi li {
	margin: 0 0 3px 0;
}

li img {
	vertical-align: middle;
	margin: 0 6px 0 0;
}

#howto h3 {
	clear: both;
	padding: 30px 0 0 0;
}

.howto-text,
#howto-five,
.stage-text {
	margin: 20px 45px 0 45px;
}

.howto-text p{
	margin: 0 0 1em 0;
	line-height: 140%;
}

#howto-five table,
#howto-nine table {
	border-top: 1px solid #CCCCCC;
}

#howto-five th,
#howto-five td,
#howto-nine th,
#howto-nine td {
	border-bottom: 1px solid #CCCCCC;
}

#howto-five th {
	padding: 5px 10px;
	white-space: nowrap;
	background-color: #F3F3F3;
	color: #004CB3;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	line-height: 140%;
}

td.info {
	padding: 5px 10px;
	line-height: 140%;
	vertical-align: top;
}

td.btn {
	padding: 5px 0;
	text-align: right;
	vertical-align: middle;
}

#howto-nine {
	margin: 20px 45px 30px 45px;
}

#howto-nine th {
	padding: 5px 0;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

#howto-nine th img,
.howto-link img,
.stage-link img {
	vertical-align: middle;
	margin: 0 6px 0 0;
}

h4.nine {
	clear: both;
	margin: 0 45px 0 45px;
	background-image: url(../img/dotline_gray.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 15px 0 0 0;
}

#howto h5 {
	clear: both;
	padding: 15px 0 0 0;
	margin: 0 45px 0 45px;
}

.howto-inner {
	margin: 10px 45px 0 45px;
	padding: 0;
	line-height: 140%;
	/* Hide from IE5-mac \*/
	height: 1%;
	/* End Hide from IE5-mac */
}

.howto-left {
	float: left;
	width: 80px;
	padding: 4px 0 0 0;
}

.howto-right {
	float: right;
	width: 470px;
}

.howto-link {
	margin: 15px 0 0 0;
}

.howto-link td{
	white-space: nowrap;
	padding: 3px 0;
}

.howto-link a,
.stage-link a{
	margin: 0 20px 0 0;
}

#stage-inner {
	width: 590px;
	margin: 0 auto;
}

#stage-inner h4 {
	padding: 20px 0 0 0;
}

.stage-1 { border: 1px solid #FFB300;}
.stage-2 { border: 1px solid #FF9999;}
.stage-3 { border: 1px solid #33BDD9;}
.stage-4 { border: 1px solid #9999CC;}

#stage-inner p {
	padding: 10px 15px;
}

.stage-link { background-color: #EBEBEB;}

.howto-top {
	clear: both;
	padding: 10px 0 15px 0;
	margin: 0 45px 0 45px;
	text-align: right;
	font-size: x-small;
}

/*  Blog
----------------------------------------------- */
.blog-map-text {
	line-height: 140%;
	margin: 2px 0 0 0;
}

#blog-list {
	width: 530px;	
}

#blog-list h3 {
	clear: both;
	background-color: #E6E6E6;
	padding: 6px 0 6px 6px;
	border-top: 5px solid #CCCCCC;
	margin: 20px 0 0 0;
}

table.blog-frame {
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	margin: 8px 0 0 0;
	width: 530px;
}

table.blog-frame-one {
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	margin: 8px 0 0 0;
	width: 265px;
}

td.blog-footer {
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	padding: 0 15px 15px 15px;
	margin: 0;
	vertical-align: bottom;
}

.blog-left {
	width: 95px;
	text-align: right;
	vertical-align: top;
	padding: 15px 0 0 0;
}

.blog-right {
	border-right: 1px solid #B3B3B3;
	text-align: left;
	width: 170px;
	vertical-align: top;
	padding: 15px 0 0 0;
}

.blog-icon {
	margin: 0 15px 0 10px;
}

.blog-icon img {
	margin: 0 4px 4px 0;
}

.blog-name {
	margin: 4px 15px 0 10px;
}

.blog-right p {
	margin: 10px 15px 10px 10px;
	font-size: x-small;
	line-height: 140%;
}

.blog-recent {
	font-size: x-small;
	color: #F66013;
}

.diary {
	font-size: x-small;
	color: #666666;
}

.recent-entry {
	font-size: x-small;
	margin: 2px 0 0 0;
}

.diary-info {
	font-size: x-small;
	color: #666666;
	text-align: right;
	margin: 20px 0 0 0;
}

.blog-recent img,
.diary img,
.diary-info img {
	vertical-align: middle;
	margin: 0 6px 0 0;
}
.ryugaku-com ul {
	margin:8px 20px;
}
.ryugaku-com li {
	list-style:disc;
	margin:0 0 6px 0;
}