@charset "utf-8";
/* Base
========================================== */
/* =======================================
Reset
========================================== */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}
html,body {background: #FFF; color: #000;}
body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
img {border: 0; vertical-align:top}
h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit; border: 0;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
a { outline: none; overflow:hidden; }

/* =======================================
Structure CSS
========================================== */
html, body {
	color: #5E5E5E;
	background: #F4F0D7 url(../images/common/header_back.png?20110720) repeat-x left top;
}
#wrapper {
	position: relative;
	top: 0px;
	width: 962px;
	margin: 0px auto;
}
#wrapper ul#globalnavi {
	clear: both;
	width: 962px;
}
#wrapper #contents {
	clear: both;
	width: 972px;
	margin: -8px 0px 10px;
}
#wrapper #contents:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#wrapper #contents #L_Container {
	float: left;
	width: 635px;
	margin-bottom: 15px;
	margin-left: 15px;
	display: inline;
}
#wrapper #contents #R_Container {
	float: left;
	width: 303px;
	margin-left: 9px;
	display: inline;
}
#footer {
	clear: both;
	width: 100%;
}
/* =======================================
Header CSS
========================================== */
#wrapper #header {
	height: 161px;
	width: 962px;
	background: url(../images/common/header.png) no-repeat left top;
}
#header h1 {
	float: left;
	margin-top: 24px;
	margin-left: 16px;
	display: inline;
}
#header ul#header-navi {
	float: right;
	margin-top: 9px;
	display: inline;
}
#header ul#header-navi li {
	float: left;
	width: px;
}

/* =======================================
Footer CSS
========================================== */
#footer {
	bottom: 0px;
	padding: 13px 0px 20px;
	color: #FFF;
	background: #584A4A;
}
#footer .footerBox {
	width: 962px;
	margin-right: auto;
	margin-left: auto;
}
#footer .footerBox:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.footerBox .Leftfloat {
	float: left;
	width: 220px;
	margin-left: 20px;
	display: inline;
}
.footerBox .title {
	font-weight: bold;
	font-size: 86%;
	padding-left: 10px;
	letter-spacing: 0.2em;
}
.Leftfloat ul {
	margin-top: 12px;
	margin-bottom: 25px;
	margin-left: 25px;
	font-size: 92.4%;
}
.Leftfloat ul li {
	margin-bottom: 11px;
}
#footer #copyright {
	width: 962px;
	margin: 0px auto;
	font-size: 77%;
	text-align: right;
}

/* =======================================
Globalnavi CSS
========================================== */
ul#globalnavi {
	height: 63px;
	padding-top: 8px;
	padding-left: 46px;
	background: url(../images/common/g_navi_back.png) no-repeat left top;
}
ul#globalnavi li {
	float: left;
	display: inline;
}


/* =======================================
Text Decorations CSS
 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Titles
 	2.Font
 	3.A style
 	4.Float
 	5.Margin
 	6.Padding
 	7.Text
 	8.Width
========================================== */

/* 1.Titles
========================================== */
#L_Container .container h2 {
	width: 582px;
	padding: 18px;
	margin-bottom: 20px;
	margin-left: 7px;
	border: 1px dashed #584A4A;
	font-size: 123.1%;
	font-weight: bold;
	color: #B22F2B;
	background: #F9F8F3;
}
#L_Container .container h3 {
	clear: both;
	height: 34px;
	width: 593px;
	_padding-top: 12px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 22px;
	font-size: 107.8%;
	font-weight: bold;
	color: #676262;
	text-indent: 32px;
	background: url(../images/common/top.png?20111121) no-repeat 0 -492px;
}
#L_Container .container .funclist h4 {
	width: 529px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 27px;
	margin-top: 3px;
	margin-left: 4px;
	border-bottom: 1px solid #C5E217;
	font-size: 107.8%;
	font-weight: bold;
	color: #676262;
	/*background: url(../images/common/mark/icon_funclist.jpg) no-repeat 6px 5px;*/
	background: url(../images/common/mark.png) no-repeat 6px -85px;
	clear: both;
}
#L_Container .container .funclist .help {
	/*background: url(../images/common/mark/icon_qa01.jpg) no-repeat 6px 2px;*/
	background: url(../images/common/mark.png) no-repeat 6px -146px;
}
#L_Container .container .funclist .qa {
	width: 479px;
	padding-left: 70px;
	line-height: 150%;
	text-indent: -3em;
	/*
	_background: url(../images/common/mark/icon_qa02.jpg) no-repeat 6px 6px;
	background: url(../images/common/mark/icon_qa02.jpg) no-repeat 6px 7px;
	*/
	background: url(../images/common/mark.png) no-repeat 6px -169px;
}
#L_Container .container .funclist .info {
	width: 479px;
	padding-left: 50px;
	line-height: 150%;
	text-indent: -3em;
	background: none;
}
#L_Container .container .funclist .infodetail {
	padding: 10px 20px;
	line-height: 120%;
	background: none;
}
#L_Container .container h5 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 20px;
	font-weight: bold;
	/*background: url(../images/common/mark/icon_h5.jpg) no-repeat left top;*/
	background: url(../images/common/mark.png) no-repeat left -117px;
	clear: both;
}
/* 

========================================== */
#L_Container .container p {
	padding-right: 35px;
	padding-left: 35px;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #3F3C3C;
	line-height: 170%;
}
#L_Container .container .first_div {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #3F3C3C;
	line-height: 170%;
}

/* 2.Font
========================================== */
#contents .bold {
	font-weight: bold;
}
.font10 {
	font-size: 77%;
}
.font12 {
	font-size: 92.4%;
}
.font14 {
	font-size: 107.8%;
}
.font16 {
	font-size: 123.1%;
}
.font18 {
	font-size: 138.5%;
}
.red {
	color: #B22F2B;
}
/* 3.A style
========================================== */
#contents .tableBox a {
	color: #5E5E5E;
	text-decoration: underline;
}
#contents .tableBox a:hover {
	color: #B22F2B;
	text-decoration: underline;
}
/*--container--*/
.container a {
	color: #676262;
	text-decoration: underline;
}
.container a:hover {
	color: #B22F2B;
	text-decoration: underline;
}
/*--#login--*/
#login a {
	color: #584A4A;
	text-decoration: underline;
}
#login a:hover {
	color: #B22F2B;
	text-decoration: underline;
}
.funclist .order tr td a {
	height: 100%;
	text-decoration: none;
	display: block;
}
.funclist .order tr td a:hover {
	height: 100%;
	color: #3F3C3C;
	text-decoration: none;
	display: block;
}
/*--Notice--*/
.noti .text .tit a {
	color: #8DBF0A;
}
.noti .text .tit a:hover {
	color: #B22F2B;
}
/*--#footer--*/
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* 4.Float
========================================== */
.imgLfloat {
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 35px;
}
.clear {
	clear: both;
}
/* 5.Margin
========================================== */
.marginTop1em {
	margin-top: 1em;
}
.marginTop2em {
	margin-top: 2em;
}
.marginTop8 {
	margin-top: 8px;
}
.maginLeft13 {
	margin-left: 13px;
}
.maginLeft130 {
	margin-left: 130px;
}
.maginLeft166 {
	margin-left: 166px;
}
.maginLeft180 {
	margin-left: 180px;
}
.maginLeft245 {
	margin-left: 245px;
}
.maginLeft260 {
	margin-left: 260px;
}
/* 6.Padding
========================================== */
.padTop3 {
	padding-top: 3px;
}
/* 7.Text
========================================== */
.txtRight {
	text-align: right;
}
.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}
.indent1 {
	margin-left: 1em;
	text-indent: -1em;
}
.indent15 {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
.indent2 {
	margin-left: 2em;
	text-indent: -2em;
}
.vrb {
	vertical-align: bottom;
}
.container .funclist hr {
	height: 1px;
	width: 527px;
	margin-left: 20px;
	border-style: none;
	color: #C5E217;
	background: #C5E217;
}
.nowrap {
	white-space: nowrap;
}
/* 8.Width
========================================== */
.width72 {
	width: 72px;
}
.width145 {
	width: 145px;
}
/* Parts
========================================== */
/* Form
========================================== */

/*Login
------------------------------------------------------------------*/

#R_Container #login {
	background: #ffffff;
	color: #584A4A;
	font-size: 92.4%;
	line-height: 150%;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 280px;
}
#R_Container #login p {
	padding: 8px 5px 8px 15px;
}
#login .login {
	width: 248px;
	margin-top: 1px;
	margin-left: 18px;
}
.login tr th {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}
.login tr td {
	height: 30px;
	width: 176px;
	background: url(../images/common/top.png?20111121) no-repeat -56px -287px;
	padding-top: 3px;
	padding-bottom: 53x;
}
#login .login tr td .txt {
	height: 15px;
	width: 150px;
	background: #E4F09C;
	margin-left: 10px;
	margin-top: 2px;
	*margin-top: 0px;
}
#account, #password:focus
{
	outline: 0;
}

#login .btn {
	width: 248px;
	margin-top: 5px;
	margin-left: 15px;
}
.btn tr td {
}
#submit {
	display:block;
	width:87px;
	height:26px;
	padding:0;
	border:0;
	background:url(../images/common/top.png?20111121) no-repeat -292px -289px;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
} 
#submit:hover, 
#submit:focus { 
    background-position:-292px -315px;
}

/*Entry
------------------------------------------------------------------*/

.container .entry {
	width: 585px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 22px;
	border-top: 1px solid #C5E217;
	border-left: 1px solid #C5E217;
	line-height: 150%;
}
.container .entry tr th {
	padding: 8px 8px 8px 14px;
	border-right: 1px solid #C5E217;
	border-bottom: 1px solid #C5E217;
	font-weight: bold;
	background: #FEFDF7;
}
.container .entry tr th.option_category{
	background-color: #F0FFD0;
	color: darkgreen;
}
.container .entry tr td {
	padding: 8px;
	border-right: 1px solid #C5E217;
	border-bottom: 1px solid #C5E217;
}
.entry tr td label .cs01 {
	background: #F9F8F3;
	border: 1px solid #C5E217;
	width: 270px;
	padding: 5px;
}
.entry tr td label .cs02 {
	background: #F9F8F3;
	border: 1px solid #C5E217;
	height: 25px;
}
.entry tr td .cs02_date select {
	background: #F9F8F3;
	border: 1px solid #C5E217;
	height: 25px;
}
.entry tr td label .cs03 {
	background: #F9F8F3;
	border: 1px solid #C5E217;
	width: 170px;
	padding: 5px;
}
.entry tr td label .cs04 {
	background: #F9F8F3;
	border: 1px solid #C5E217;
	width: 400px;
	padding: 5px;
}
#SubmitButton {
	display:block;
	width:292px;
	height:40px;
	padding:0;
	border:0;
	background:url(../images/common/btn/SubmitButton.png) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	margin-left: 166px;
} 
#SubmitButton:hover, 
#SubmitButton:focus { 
    background-position:left -40px;
}

#submitButton02 {
	display:block;
	width:312px;
	height:40px;
	padding:0;
	border:0;
	background:url(../images/common/btn/btn_submitButton02.png) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
} 
#submitButton02:hover, 
#submitButton02:focus { 
    background-position:left -40px;
}

#submitButton03 {
	display:block;
	width:150px;
	height:40px;
	padding:0;
	border:0;
	background:url(../images/common/btn/btn_submitButton03.png) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
} 
#submitButton03:hover, 
#submitButton03:focus { 
    background-position:left -40px;
}

#submitButton04 {
	display:block;
	width:150px;
	height:40px;
	padding:0;
	border:0;
	background:url(../images/common/btn/btn_submitButton04.png) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
} 
#submitButton04:hover, 
#submitButton04:focus { 
    background-position:left -40px;
}
#inputButton {
    width: 150px;
    height: 40px;
    display: block;
    color: #FFFFFF;
    border-color: #FF0000;
    background: url(../images/common/btn/btn_bg_inputButton.png) no-repeat left top;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#inputButton:hover, 
#inputButton:focus { 
    background-position:left -40px;
    color:#B52C29;
}

/* Others
========================================== */

/*#L_Container
------------------------------------*/

#L_Container .container {
	width: 635px;
	padding-top: 7px;
	padding-bottom: 15px;
	background-color: #ffffff;
	/*background: url(../images/common/content_mid.png) repeat-y;*/
}

#L_Container .container:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


/*Pankuzu*/
.container .pankuzu {
	margin-bottom: 7px;
	margin-left: 7px;
	font-size: 92.4%;
	line-height: 150%;
}

/*PageTop*/
.container .pageTop {
	float: right;
	clear: both;
	padding: 5px 35px 5px 20px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 92.4%;
	color: #676262;
	/*background: url(../images/common/mark/arrow03.jpg) no-repeat left center;*/
	background: url(../images/common/mark.png) no-repeat left -61px;
}

/*PageLink*/
.container .pageLink {
	margin-top: 1em;
	margin-bottom: 20px;
	*margin-bottom: -20px;
	margin-left: 35px;
	font-size: 92.4%;
}

.pageLink li {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
	margin-right: 30px;
	margin-bottom: 1em;
	margin-bottom: 8px;
	display: inline;
	background: url(../images/common/mark.png) no-repeat left -33px;
}
.container .pageLink02 {
	margin-top: 1em;
	font-size: 92.4%;
	display: inline;
	float: right;
}
.pageLink02 li {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
	margin-right: 30px;
	margin-bottom: 8px;
	display: inline;
	background: url(../images/common/mark.png) no-repeat left -33px;
}

/*Funclist*/
.container .funclist {
	clear: both;
	width: 565px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 35px;
	border: 1px solid #C5E217;
}

.funclist .kino {
	width: 549px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.funclist .kino tr td {
	width: 165px;
	padding: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 92.4%;
	color: #3F3C3C;
	line-height: 150%;
	background: #F0F6C8;
}

.funclist .order {
	width: 549px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.funclist .order tr td {
	width: 165px;
	padding: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 92.4%;
	color: #3F3C3C;
	line-height: 150%;
	background: #F0F6C8;
}

.funclist .order tr .hov {
	width: 165px;
	padding: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 92.4%;
	color: #3F3C3C;
	line-height: 150%;
	background: #F0F6C8;
}

.funclist .order tr .hov:hover {
	width: 165px;
	padding: 8px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 92.4%;
	color: #3F3C3C;
	line-height: 150%;
	background: #C5E217;
}

.funclist ul {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 35px;
}

.funclist ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: disc inside;
}

/*Faq*/
.container .faq {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 35px;
}

.container .faq li {
	padding-top: 2px;
	_padding-top: 3px;
	padding-bottom: 12px;
	padding-left: 20px;
	/*background: url(../images/common/mark/icon_qa02.jpg) no-repeat left 0px;*/
	background: url(../images/common/mark.png) no-repeat left -176px;
}

.funclist .answer {
	*padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 11px;
	font-size: 107.8%;
}

.funclist .answer:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.funclist .answer dt {
	float: left;
	width: 2.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-weight: bold;
	display: inline;
	/*background: url(../images/common/mark/icon_qa03.jpg) no-repeat left 1px;*/
	background: url(../images/common/mark.png) no-repeat left -241px;
}

.funclist .answer dd {
	float: left;
	width: 490px;
	margin-top: -1.4em;
	margin-left: 4em;
	line-height: 150%;
	display: inline;
}

.answer dd ul {
	margin-top: 0px;
	margin-left: 10px;
}

.answer dd ul li {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 10px;
	list-style: disc outside;
}

.answer dd ol li {
	margin-left: 1.5em;
	*text-indent: -1.5em;
	text-indent: -1.2em;
}

.answer dd ul li ul li {
	list-style: none;
}

/*About*/

.container .about {
	margin: 1em 45px 1em 50px;
	color: #3F3C3C;
	line-height: 140%;
}

.container .about li {
	padding-bottom: 8px;
}

/*Notice*/

.container .noti {
	width: 557px;
	padding: 11px 7px 11px 2px;
	margin-left: 35px;
	border-top: 1px solid #C5E217;
	clear: both;
}
.container .noti:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.noti .imgFloat {
	border: 3px solid #C5E217;
	background: #FFF;
	display: inline;
	float: left;
	width: 99px;
}
.noti .imgFloat img {
	padding: 3px;
}
.noti .imgFloat i {
	margin: 3px;
}
.noti .text {
	width: 438px;
	display: inline;
	float: left;
	margin-left: 13px;
	line-height: 150%;
}
.noti .text .tit {
	font-size: 123.1%;
	margin-bottom: 8px;
}
.container .pageNext {
	clear: both;
	text-align: center;
	margin-bottom: 1em;
	padding-top: 1em;
}

.pageNext li {
	display: inline;
}
.pageNext .now {
	padding: 3px 7px;
	background: #E4F09C;
	text-decoration: none;
	font-weight: bold;
	color: #3F3C3C;
	margin-right: 7px;
}
.pageNext .forward a {
	font-weight: normal;
	text-decoration: underline;
	background: #FFF;
	margin-right: 18px;
}
.pageNext .forward a:hover {
	font-weight: normal;
	text-decoration: underline;
	background: #FFF;
	margin-right: 18px;
	color: #B22F2B;
}
.pageNext .next a {
	font-weight: normal;
	text-decoration: underline;
	background: #FFF;
	margin-left: 11px;
}
.pageNext .next a:hover {
	font-weight: normal;
	text-decoration: underline;
	background: #FFF;
	margin-left: 11px;
	color: #B22F2B;
}

.pageNext a {
	background: #C5E217;
	padding: 3px 7px;
	text-decoration: none;
	font-weight: bold;
	color: #3F3C3C;
	margin-right: 7px;
}  
.pageNext a:hover {
	background: #E4F09C;
	padding: 3px 7px;
	text-decoration: none;
	color: #3F3C3C;
	margin-right: 7px;
}  
.container hr {
	width: 557px;
	margin-left: 35px;
	color: #C5E217;
	border-style: none;
	height: 1px;
	background: #C5E217;
}

.container .notice {
	width: 585px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 22px;
	border-top: 1px solid #C5E217;
	border-left: 1px solid #C5E217;
	line-height: 150%;
}

.container .notice .noti01 {
	background: #F7FAE3;
}

.container .notice tr th {
	padding: 5px;
	border-right: 1px solid #C5E217;
	border-bottom: 1px solid #C5E217;
	font-weight: bold;
	background: #F0F6C8;
}
.container .notice tr td {
	padding: 5px;
	border-right: 1px solid #C5E217;
	border-bottom: 1px solid #C5E217;
}
.container .notice02 {
	width: 585px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 22px;
}
.notice02 dl {
	display: inline;
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.notice02 dl dt {
	display: inline;
	padding-bottom: 1em;
}
.notice02 dl dd {
	margin-top: -1.2em;
	margin-left: 7em;
	padding-bottom: 1em;
	line-height: 120%;
}
.notice02 #eventMap {
	float: right;
	height: 235px;
	width: 255px;
	display: inline;
	padding-bottom: 1em;
	margin-right: 2px;
}

.container .date {
	text-align: right;
	margin-right: 37px;
}
.container .photoBox {
	width: 577px;
	margin: 1em 35px 1em 22px;
}
.container .photoBox img {
	border: 4px solid #C5E217;
}

/* first */
.top_first {
	width: 433px;
	height: 22px;
	background: url(../images/common/top.png?20111121);
	background-position: 0 -424px;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	padding-top: 12px;
	padding-left: 20px;
	margin: 0 auto;
}
.color_blue {
	color: #0086B5;
}
.color_orange {
	color: #E74900;
}
.color_gray {
	color: #666666;
}
a. top_first {
	cursor: pointer;
	text-decoration: none;
}
a .top_first:hover {
	background-position: 0 -458px;
}

/*#R_Container
------------------------------------*/

/*Opinion*/

#R_Container .opinion {
	height: 178px;
	width: 300px;
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 140%;
	background-color: #ffffff;
	/*background: url(../images/common/opinion_back.png) no-repeat;*/
}
.opinion .title {
	font-weight: bold;
	color: #584a4a;
	font-size: 88%;
	margin: 0 5px 5px;
	padding-top: 6px;
	padding-left: 6px;
	border-bottom: 2px solid #C5E217;
}
.opinion .intro {
	height: 135px;
	width: 282px;
	margin-left: 10px;
	overflow: auto;
}

.intro div {
	width: 253px;
	margin-top: 3px;
}
.intro .clear {
	clear: both;
	border-bottom: 1px dashed #b8b1b1;
	font-size: 0px;
	line-height: 0px;
}
.intro div i {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}
.intro div span {
	float: left;
	width: 226px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 6px;
	display: block;
}

/*Link*/

#R_Container ul {
	margin-top: 5px;
}

#R_Container ul li {
	margin-bottom: 4px;
}

/*Mobile*/

#R_Container .mobile {
	margin-bottom: 15px;
	*margin-bottom: 5px;
	margin-top: 10px;
}

#R_Container .mobile .inner {
	padding-bottom: 10px;
	background-color: #ffffff;
	width: 300px;
	/*background: url(../images/common/mobile_back_mid.png) repeat-y;*/
}

.inner .title {
	padding-top: 10px;
	padding-left: 15px;
	font-size: 110%;
	font-weight: bold;
	color: #584a4a;
}
.inner .title .mark {
	font-size: 140%;
}

.mobile .company {
	width: 259px;
	padding-top: 17px;
	padding-bottom: 15px;
	padding-left: 4px;
	margin-top: 9px;
	margin-left: 17px;
	border: 1px solid #BEB3B3;
}

.mobile .company i {
	margin-left: 15px;
}

.mobile .box {
	clear: both;
	width: 267px;
	margin-top: 9px;
	margin-left: 17px;
}

.mobile .box:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.box .fBox {
	float: left;
	display: inline;
}

.shadow_box {
	-moz-box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc'); zoom:1;
}
/* =======================================
CSS Sprite
========================================== */
/* function images */
a .func_img {
  cursor:pointer;
}
.func_img {
  width: 76px;
  height: 81px;
  display: inline-block;
  background: url(../images/common/func.png?20111121);
  vertical-align:text-bottom;
}
.func_account {
  background-position: 0 0;
}
a .func_account:hover {
  background-position: 0 -82px;
}
.func_bbs {
  background-position: -77px 0;
}
a .func_bbs:hover {
  background-position: -77px -82px;
}
.func_file_group {
  background-position: -154px 0;
}
a .func_file_group:hover {
  background-position: -154px -82px;
}
.func_link {
  background-position: -231px 0;
}
a .func_link:hover {
  background-position: -231px -82px;
}
.func_person {
  background-position: -308px 0;
}
a .func_person:hover {
  background-position: -308px -82px;
}
.func_photo_group {
  background-position: -385px 0;
}
a .func_photo_group:hover {
  background-position: -385px -82px;
}
.func_question {
  background-position: -462px 0;
}
a .func_question:hover {
  background-position: -462px -82px;
}
.func_schedule {
  background-position: -539px 0;
}
a .func_schedule:hover {
  background-position: -539px -82px;
}
.func_tweet {
  background-position: -616px 0;
}
a .func_tweet:hover {
  background-position: -616px -82px;
}
.func_homepage {
  background-position: -693px 0;
}
a .func_homepage:hover {
  background-position: -693px -82px;
}
.func_mail {
  background-position: -770px 0;
}
a .func_mail:hover {
  background-position: -770px -82px;
}
/* globalnavi images */
ul#globalnavi li a .navi_img {
  cursor:pointer;
  margin:0px;
}

ul#globalnavi li .navi_img {
  height: 48px;
  display: inline-block;
  background: url(../images/common/navi.png);
  vertical-align:text-bottom;
}
ul#globalnavi li .navi_top {
  width: 118px;
  background-position: 0 0;
}
ul#globalnavi li .navi_top:hover {
  width: 118px;
  background-position: 0 -48px;
}
ul#globalnavi li .navi_top_now {
  width: 118px;
  background-position: 0 -96px;
}
ul#globalnavi li .navi_first {
  width: 170px;
  background-position: -118px 0;
}
ul#globalnavi li .navi_first:hover {
  width: 170px;
  background-position: -118px -48px;
}
ul#globalnavi li .navi_first_now {
  width: 170px;
  background-position: -118px -96px;
}
ul#globalnavi li .navi_funclist {
  width: 133px;
  background-position: -288px 0;
}
ul#globalnavi li .navi_funclist:hover {
  width: 133px;
  background-position: -288px -48px;
}
ul#globalnavi li .navi_funclist_now {
  width: 133px;
  background-position: -288px -96px;
}
ul#globalnavi li .navi_faq {
  width: 155px;
  background-position: -421px 0;
}
ul#globalnavi li .navi_faq:hover {
  width: 155px;
  background-position: -421px -48px;
}
ul#globalnavi li .navi_faq_now {
  width: 155px;
  background-position: -421px -96px;
}
ul#globalnavi li .navi_entry {
  width: 140px;
  background-position: -576px 0;
}
ul#globalnavi li .navi_entry:hover {
  width: 140px;
  background-position: -576px -48px;
}
ul#globalnavi li .navi_entry_now {
  width: 140px;
  background-position: -576px -96px;
}
ul#globalnavi li .navi_notice {
  width: 137px;
  background-position: -716px 0;
}
ul#globalnavi li .navi_notice:hover {
  width: 137px;
  background-position: -716px -48px;
}
ul#globalnavi li .navi_notice_now {
  width: 137px;
  background-position: -716px -96px;
}
/* btn images */
a .top_img {
  cursor:pointer;
}
.top_img {
  display: inline-block;
  background: url(../images/common/top.png?20111121);
  vertical-align:text-bottom;
}
.btn_registration {
  width: 303px;
  height: 38px;
  background-position: 0 0;
}
a .btn_registration:hover {
  background-position: 0 -39px;
}
.btn_blog {
  width: 269px;
  height: 29px;
  background-position: 0 -78px;
}
a .btn_blog:hover {
  background-position: 0 -108px;
}
.btn_twitter {
  width: 269px;
  height: 29px;
  background-position: 0 -138px;
}
a .btn_twitter:hover {
  background-position: 0 -168px;
}
.btn_navi_top {
  width: 70px;
  height: 23px;
  background-position: 0 -198px;
}
a .btn_navi_top:hover {
  background-position: 0 -221px;
}
.btn_navi_entry {
  width: 110px;
  height: 23px;
  background-position: -70px -198px;
}
a .btn_navi_entry:hover {
  background-position: -70px -221px;
}
.btn_navi_login {
  width: 81px;
  height: 23px;
  background-position: -180px -198px;
}
a .btn_navi_login:hover {
  background-position: -180px -221px;
}
.btn_navi_logout {
  width: 87px;
  height: 23px;
  background-position: -261px -198px;
}
a .btn_navi_logout:hover {
  background-position: -261px -221px;
}
.btn_mobile {
  width: 197px;
  height: 43px;
  background-position: 0 -244px;
}
a .btn_mobile:hover {
  background-position: -197px -244px;
}
.btn_application {
  width: 299px;
  height: 39px;
  background-position: -269px -78px;
}
a .btn_application:hover {
  background-position: -269px -118px;
}
/* top images */
.top_qr {
  width: 56px;
  height: 56px;
  background-position: 0 -287px;
}
.top_textarea {
  width: 176px;
  height: 25px;
  background-position: -56px -287px;
}
.top_mark {
  width: 16px;
  height: 12px;
  background-position: -232px -289px;
}
.top_mobile {
  width: 222px;
  height: 22px;
  background-position: -56px -317px;
}
.top_arrangements {
  width: 250px;
  height: 81px;
  background-position: 0 -343px;
}
/* common images */
a .mark_img {
  cursor:pointer;
}
.mark_img {
  display: inline-block;
  background: url(../images/common/mark.png);
  vertical-align:text-bottom;
}
.mark_arrow01 {
  width: 23px;
  height: 26px;
  background-position: 0 0;
}

.ann_no_img {
  display: inline-block;
  background: url(../image/no_images.png);
  vertical-align:text-bottom;
}
.no_img_event {
  width: 93px;
  height: 90px;
  background-position: 0 0;
}
.no_img_match_up {
  width: 93px;
  height: 90px;
  background-position: 0 -90px;
}
.no_img_member {
  width: 93px;
  height: 90px;
  background-position: 0 -180px;
}
.no_img_etc {
  width: 93px;
  height: 90px;
  background-position: 0 -270px;
}
.no_img_event_mini {
  width: 50px;
  height: 50px;
  background-position: -93px 0;
}
.no_img_match_up_mini {
  width: 50px;
  height: 50px;
  background-position: -93px -50px;
}
.no_img_member_mini {
  width: 50px;
  height: 50px;
  background-position: -93px -100px;
}
.no_img_etc_mini {
  width: 50px;
  height: 50px;
  background-position: -93px -150px;
}
/*------------------------------------------------*/