@charset "UTF-8";

/******************************************************
*	
*	1. font property
*	2. link property
*	3. head section
*	4. foot section
*	5. global navigation section
*	6. bread crumb
*	7. main contents
*	8. page navi
*	9. side contents
*	
******************************************************/


/*  1. font property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

body {color:#666;}
em { color:#CC0000;}





/*  2. link property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

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





/*  3. head section */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#headSec {
	position: relative;
	margin: 12px auto 0; 
}

#headSec img {
	vertical-align: middle;
}

#headSec #logo {
	display: inline;
	float: left;
	width: 239px;
}

#headSec #headRight,
#headSec #headRight02,
#headSec #headRight03 {
	position: relative;
	display: inline;
	float: right;
	width: 696px;
}

#headSec #headRight ul {
	position: absolute;
	top: 5px;
	right: 0;
	width: 570px;
	border-left: 1px solid #bfbfbf;
	text-align: right;
}

#headSec #headRight02 ul {
	position: absolute;
	top: 5px;
	right: 0;
	width: 313px;
	border-left: 1px solid #bfbfbf;
	text-align: right;
}

#headSec #headRight03 ul {
	position: absolute;
	top: 5px;
	right: 0;
	width: 265px;
	border-left: 1px solid #bfbfbf;
	text-align: right;
}

#headSec #headRight ul li,
#headSec #headRight02 ul li,
#headSec #headRight03 ul li {
	display: inline;
	float: left;
	line-height: 0;
	padding: 2px 16px;
	border-right: 1px solid #bfbfbf;
}

#headSec #headRight ul li a,
#headSec #headRight02 ul li a,
#headSec #headRight03 ul li a {
	padding-left: 15px;
	background: url(../img_common/arrow.gif) no-repeat left center;
}

#headSec #headRight ul.Obtn,
#headSec #headRight02 ul.Obtn,
#headSec #headRight03 ul.Obtn {
	position: absolute;
	top: 5px;
	right: 0;
	width:90px;
	border-left: 1px solid #bfbfbf;
	text-align: right;
}

#headSec #headRight ul.Obtn li,
#headSec #headRight02 ul.Obtn li,
#headSec #headRight03 ul.Obtn li {
	display: inline;
	float: left;
	line-height: 0;
	padding: 2px 16px;
	border-right: 1px solid #bfbfbf;
}

#headSec #headRight ul.Obtn li a,
#headSec #headRight02 ul.Obtn li a,
#headSec #headRight03 ul.Obtn li a {
	padding-left: 13px;
	background: url(../img_common/arrow.gif) no-repeat left center;
}

#headSec #headRight ul.Obtn02,
#headSec #headRight02 ul.Obtn02,
#headSec #headRight03 ul.Obtn02 {
	position: absolute;
	top: 5px;
	right: 0;
	width:200px;
	border-left: 1px solid #bfbfbf;
	text-align: right;
}

#headSec #headRight ul.Obtn02 li,
#headSec #headRight02 ul.Obtn02 li,
#headSec #headRight03 ul.Obtn02 li {
	display: inline;
	float: left;
	line-height: 0;
	padding: 2px 16px;
	border-right: 1px solid #bfbfbf;
}

#headSec #headRight ul.Obtn02 li a,
#headSec #headRight02 ul.Obtn02 li a,
#headSec #headRight03 ul.Obtn02 li a {
	padding-left: 13px;
	background: url(../img_common/arrow.gif) no-repeat left center;
}

#headSec #headRight #second,
#headSec #headRight02 #second,
#headSec #headRight03 #second {
	position: absolute;
	width: 440px;
	top: 30px;
	right: 0;
}

#headSec #headRight #second .link,
#headSec #headRight02 #second .link,
#headSec #headRight03 #second .link {
	display: inline;
	float: left;
	width: 53px;
	line-height: 0;
	margin-top: 4px;
	padding: 3px 10px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

#headSec #headRight #second .link a,
#headSec #headRight02 #second .link a,
#headSec #headRight03 #second .link a {
	line-height: 0;
	padding-left: 16px;
	background: url(../img_common/arrow.gif) no-repeat left center;
}

#headSec #headRight #second dl,
#headSec #headRight02 #second dl,
#headSec #headRight03 #second dl {
	display: inline;
	float: left;
	line-height: 0;
	padding: 0 10px;
}

#headSec #headRight #second dl .small,
#headSec #headRight02 #second dl .small,
#headSec #headRight03 #second dl .small {
	background: url(../img_common/textsize01_o.gif) no-repeat left top;
}

#headSec #headRight #second dl .medium,
#headSec #headRight02 #second dl .medium,
#headSec #headRight03 #second dl .medium {
	background: url(../img_common/textsize02_o.gif) no-repeat left top;
}

#headSec #headRight #second dl .large,
#headSec #headRight02 #second dl .large,
#headSec #headRight03 #second dl .large {
	background: url(../img_common/textsize03_o.gif) no-repeat left top;
}

#headSec #headRight #second dl dt,
#headSec #headRight #second dl dd {
	display: inline;
	float: left;
	line-height: 0;
}

#headSec #headRight02 #second dl dt,
#headSec #headRight02 #second dl dd {
	display: inline;
	float: left;
	line-height: 0;
}

#headSec #headRight03 #second dl dt,
#headSec #headRight03 #second dl dd {
	display: inline;
	float: left;
	line-height: 0;
}

#headSec #headRight #second dl dt,
#headSec #headRight02 #second dl dt,
#headSec #headRight03 #second dl dt {	
	padding: 6px 4px 0 0;
}

#headSec #headRight #second dl dd,
#headSec #headRight02 #second dl dd,
#headSec #headRight03 #second dl dd {
	padding-right: 2px;
}

#headSec #headRight #second dl dd img,
#headSec #headRight02 #second dl dd img,
#headSec #headRight03 #second dl dd img {
	vertical-align: top;
}

#headSec #headRight #second #cse,
#headSec #headRight02 #second #cse,
#headSec #headRight03 #second #cse {
	position: absolute;
	top: -4px;
	right: 0;
}

#headSec #headRight #second #cse input,
#headSec #headRight02 #second #cse input,
#headSec #headRight03 #second #cse input {
	vertical-align: top;
}

#headSec #headRight #second form,
#headSec #headRight02 #second form,
#headSec #headRight03 #second form {
	display: inline;
	float: left;
	height: 22px;
	padding-top: 2px;
}

#headSec #headRight #second form input,
#headSec #headRight02 #second form input,
#headSec #headRight03 #second form input {
	vertical-align: top;
}

html body #headSec #headRight #second form#cse-search-box input.text,
html body #headSec #headRight02 #second form#cse-search-box input.text,
html body #headSec #headRight03 #second form#cse-search-box input.text {
	width: 156px;
	height: 20px;
	*height: 19px;
	overflow: hidden;
	border: 1px solid #ddd !important;
	/*
	background: url(../img_common/search_text.gif) no-repeat left top;
	text-indent: 2em;
	*/
	font-size: 93%;
	padding: 0 !important;
}



/*  4. foot section */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#footSec {
	padding-top: 15px;
	background: url(../img_common/dotline.gif) repeat-x left top;
}

#footSec-inner {
	text-align: center;
}

#footSec .footNavi {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: url(../img_common/foot_separator.gif) no-repeat left center;
}

#footSec .footNavi li {
	display: table-cell;
	*display: inline;
	zoom: 1;
	padding: 0 10px 2px;
	background: url(../img_common/foot_separator.gif) no-repeat right center;
	vertical-align: bottom;
}

#footSec .footNavi li.noruby {
	*padding-top: 8px;
}

#footSec .footNavi li a {
	color: #666;
	text-decoration: none;
	vertical-align: bottom;
}

#footSec .footNavi li a:hover {
	color: #D6123B;
	text-decoration: none;
}

#footSec .lead {
	margin-top: 15px;
	text-align: center;
}

#footSec .footLogo {
	margin-top: 20px;
	padding-left: 300px;
}

#footSec .footLogo li {
	display: inline;
	float: left;
	padding-right: 20px;
}

#footSec #copyright {
	margin-top: 10px;
	padding-top: 10px;
	height: 22px;
	background-color: #DDD;
}

#footSec #copyright p {
	text-align: center;
}



/*  5. global navigation section */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#gNaviSec {
	margin: 4px auto 0;
}

#gNaviSec ul li {
	display: inline;
	float: left;
}





/*  6. bread crumb */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#breadCrumb {
	margin: 0 auto 19px;
	background: url(../img_common/bc_bg.gif) repeat-x left top;
}

#breadCrumb img {
	vertical-align: text-bottom;
}

/* for opera */
html:first-child #breadCrumb img {
	vertical-align: middle;
}

#breadCrumb #breadCrumb-inner {
	height: 14px;
	padding: 13px 27px;
	background: url(../img_common/icon_bc.gif) no-repeat 10px center;
	color: #888;
	font-size: 85%;
}

/*
#breadCrumb #breadCrumb-inner a:link,
#breadCrumb #breadCrumb-inner a:visited,
#breadCrumb #breadCrumb-inner a:active,
#breadCrumb #breadCrumb-inner a:hover {
	color: #888;
	text-decoration: none;
	font-size: inherit;
}
*/

#breadCrumb #breadCrumb-inner a {
	color: #888;
	text-decoration: none;
	font-size: inherit;
	padding-bottom:1px;
	border-bottom: 1px dotted #888;
}

#breadCrumb #breadCrumb-inner a:hover {
	color: #D6123B;
	text-decoration: none;
	font-size: inherit;
	border-bottom: none;
}






/*  7. main contents */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#bodySec {
	margin: 0 auto;
}



/*  8. page navi */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.pageNavi {
	width: 100%;
	padding: 8px 0;
}
.pageNavi {
	zoom:1;/*for IE 5.5-7*/
}
.pageNavi:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1em;
    line-height: 0;
}
* html .pageNavi {
	display: inline-block;
}
/* no ie mac \*/
* html .pageNavi { height: 1%; }
.pageNavi { display: block; }
/* */

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

.pageNavi .pagetop {
	float: right;
}





/*  9. side contents */
/*----------------------------------------------------------------------------------------------------------------------------------------*/


#beta #sideNavi {
	padding-bottom: 5px;
	background: url(../img_common/sidenavi_bg_btm.gif) no-repeat left bottom;
}

#beta #sche {
	margin-top: 14px;
	background: url(../img_common/sidenavi_sche_bg.gif) no-repeat left bottom;
}

#beta #sche dd {
	padding: 11px 0 5px 22px;
}

#beta #sche dd ul li {
	padding-bottom: 9px;
}

#beta #sche .note {
	line-height: 1.3em;
	padding: 10px 10px 20px;
	border-top: 1px solid #ccc;
}