@CHARSET "UTF-8";

/***********************************************/
/* Import                                      */
/***********************************************/

/* HTML Default */
@import "sub_default.css";

/* TAB Menu */
@import "sub_tab.css";

/* Side Navi */
@import "sub_navi.css";

/* Text */
@import "sub_text.css";


/***********************************************/
/* Contents Layout                             */
/***********************************************/

#top {
	width: 950px;
}

#layout_table	{ 
	margin-top:		15px; 	
	width:			100%;
	padding: 		0 10px 0 10px; 
}
#layout_main	{ 
	padding: 		0 10px 0 10px;
	text-align:		center;
	vertical-align: top; 
}
#layout_left	{
	width:			160px;
	padding:		0;
	vertical-align: top;
	text-align:		center;
}
#layout_right	{
	width:			240px;
	padding:		0;
	vertical-align: top;
}
#layout_single	{
	margin:			20px 0px;
	margin-left:	auto;
	margin-right:	auto;
	text-align:		center;
	vertical-align: top;
	width:			80%;
}

.left {
	text-align:		left;	
}
.left div,
.left img,
.left table {
	margin-left:	0;
	margin-right:	auto;
}

.right {
	text-align:		right;	
}
.right div,
.right img,
.right table {
	margin-left:	auto;
	margin-right:	0;
}

/***********************************************/
/* TITLE                                       */
/***********************************************/

.title_dotted { 
	border-bottom:	1px dotted #AAAAAA;
	text-align:		left;
	font-weight:	bold;
	color:			#CC6600;
	font-size:		95%;
}
.title_topL {  
	width: 					18px; 
	background-repeat: 		no-repeat; 
	background-position: 	5px 5px; 
	background-image:url(../image/title_pointL.gif);
}
.title_topR { 
	width: 					18px; 
	background-repeat: 		no-repeat; 
	background-position: 	5px 5px; 
	background-image:url(../image/title_pointR.gif); 
}

.title_a {
	padding:				3px 3px 2px 5px;
	background-color:		#EDEDED;
	font-weight:			bold;
}

.title_a img {
	vertical-align:			middle;
	margin-bottom:			2px;
}

.title_s {
	border-bottom:			1px solid #dddddd;
	background-color:		#EDEDED;
}

/***********************************************/
/* LIST                                        */
/***********************************************/

ul.ul_paragraph { 
	color:		#444444;
	font-size:	95%;
	text-align:	left;
	line-height:1.3;

	margin:20px 20px 20px 30px;
	width: 90%;
}

/***********************************************/
/* Box                                         */
/***********************************************/
.box_yellow	{ 
	background-color:	#FFFFCC; 
	color:				#444444; 
	border:				1px solid #F0E1D2; 
	padding:			10px; 
	width:				100%; 
	text-align:			center;
}
.box_beige { 
	background-color:	#F6F6DA; 
	color:				#444444; 
	border:				1px solid #CCCC99;
}
.box_input { 
	background-color:	#F6F6F6; 
	color:				#444444; 
	border:				1px solid #CCCCCC; 
	padding:			2px 5px;
	margin-left: 		0;
	margin-right: 		auto;
}
.box_brown { 
	background-color:	#F7EDE8; 
	color:				#444444; 
	border:				1px solid #B2653F; 
	font-size:			80%;
}
.box_purple	{ 
	background-color:	#f1f1fd;
	color:				#444444; 
	border:				1px solid #9b72cf; 
	font-size:			80%;
}
.box_beige_bg {
	font-size:			80%; 
	color:				#444444; 
	border:				1px solid #DBDBB1;
	width:				100%;
	background-image:	url(../image/bg_beige.gif); 
}

.box_grey_bg { 
	font-size:			80%; 
	color:				#444444;
	border:				1px solid #dddddd;
	width:				100%;
	background-image:	url(../image/bg_grey.gif);
}

.box_grey { 
	background-color: 	#f9f9ec; 
	margin: 			0px; 
	border-top:			1px solid #DDDDDD; 
	border-bottom:		1px solid #aaaaaa; 
	border-right:		1px solid #aaaaaa; 
	border-left:		1px solid #DDDDDD; 
}

.box_notice {
	padding: 10px 10px;
	background-color: 	#eee; 
	text-align:	left;
	border-top:		1px dotted #ddd; 
	border-bottom:	1px dotted #ddd;
	font-size: 80%;  	
}

.box_white {
	background-color:	#fff;
	border:	1px solid #ccc;
	padding:	5px;
	font-size: 85%;	
}

.box_data {
	background-color:#fafafa;
	border:1px solid #ccc;
	padding:5px
}

/***********************************************/
/* Gradation                                   */
/***********************************************/

.gradation_yellow { 
	font-size:			80%; 
	color:				#444444; 
	border:				1px solid #F0E1D2;
	text-align:			left;
	background-image:	url(../image/bg_yellow.gif);
	background-repeat:	repeat-x;
}

.gradation_beige { 	
	font-size:			80%; 
	color:				#444444; 
	border:				1px solid #CCCC99;
	background-image:	url(../image/beige_back.gif);
	background-repeat:	repeat-x; 
}



/***********************************************/
/* Line                                        */
/***********************************************/
.dotted_line{ 
	border:				1px solid #fff; 
	border-top:			1px dotted #aaa; 
}

.line_bdg {
	border-bottom:		1px dotted #ccc;
}

.line_bsg {
	border-bottom:		1px solid #ccc;
}

.line_tdg {
	border-top:			1px dotted #ccc;
}

.line_tsg {
	border-top:			1px solid #ccc;
}

.grey_line { 
	border:				1px solid #FFFFFF; 
	border-top:			1px solid #ccc; 
}
.shadow { 
	margin:				0; 
	padding:			1px 0; 
	background-image: 	url('../image/shadow.gif'); 
}

/***********************************************/
/* TABLE                                       */
/***********************************************/
.table { 	
	border:				1px solid #CACA95;
	font-size:			80%;
	color:				#444444;
	border-collapse: 	collapse;
	width:				100%;
	text-align:			left;
}
table.table td 	{	
	border:				1px solid #CACA95;
	vertical-align: 	top;
	padding:			5px;
}
.table_top	{	
	background-color:	#E2E2C2;
	border:				1px solid #CACA95;
	text-align:			center;
	color:				#444444;
}
.table_side	{ 	
	background-color:	#EEEECC;
	vertical-align: 	top;
}

.graytbl { 	
	border:				1px solid #ccc;
	font-size:			80%;
	color:				#444444;
	border-collapse: 	collapse;
	width:				100%;
	text-align:			left;
}
table.graytbl td 	{	
	border:				1px solid #ccc;
	vertical-align: 	top;
	padding:			5px;
}
table.graytbl .table_top	{	
	background-color:	#eee;
	border:				1px solid #ccc;
	text-align:			center;
	color:				#444444;
}
table.graytbl .table_side	{ 	
	background-color:	#f5f5f5;
	vertical-align: 	top;
}

.clear {
	border:				0px solid #ffffff;
	color:				#444444;
	border-collapse: 	collapse;
	width:				100%; 	
}

.clear_border { 
	border:				1px solid #ffffff;
}

table.clear td 	{	
	border:				0px solid #ffffff;
	vertical-align: 	top;
	padding:			2px;
}

/* 小さい表 */

.table_small {
	font-size:			80%;
	width:				100%;
	color:				#666666;
	border-collapse: 	collapse;
	border:				1px solid #DDD;
	text-align:			left;
}
table.table_small td {	
	border:				1px solid #ddd;
	vertical-align: 	top;
}


.notice_line {
	width: 90%;
	border-top: 1px dotted #666;
	font-size:80%;
	text-align: left;
} 

.notice_line td {
	padding-top: 10px;
}


.gtable
{
	width: 100%;
	border: 1px solid #ccc;
	font-size:85%;
}

.gtable td.title {
	font-weight: bolder;
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 2px 5px;
	
}

.gtable td.contents {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 2px 5px;
	
}

/***********************************************/
/* Background                                  */
/***********************************************/
.gradation	{ 
	background-image:	url('../image/gradation.gif'); 
	background-repeat: repeat-x;
}

.gradation3	{ 
	background-image:	url('/image/gradation3.gif'); 
	background-repeat: repeat-x;
}

.yellow_back {
	margin:				10px 0;
	font-size:			80%;
	background-color:	#ffffcc;
	width:				90%;
	padding:			3px;
	margin-left: 		auto;
	margin-right: 		auto;
}

.grey_back {
	background-color:	#f9f9f9;
}

.white_back {
	background-color:	#fff;
}

/***********************************************/
/* White Link                                  */
/***********************************************/
a.white:link 	{ color: white;}
a.white:visited { color: white;} 
a.white:hover  	{ color: red; }
a.white:active  { color: red; }

.link_navi:link { 
	color:				#FFFFFF;
	text-decoration:	none;
}
.link_navi:visited { 
	color:				#FFFFFF;
	text-decoration:	none;
}
.link_navi:hover { 
	color:				#ff0000;
	text-decoration:	underline; 
}
.link_navi:active { 
	color:				#ff0000;
	text-decoration:	underline; 
}


/***********************************************/
/* HEADER                                      */
/***********************************************/
.main_exp {
	font-size:		70%;
	margin:			0;
	color:			#999999;
	text-align:		right;
	padding-right:	10px;
}
.logo {
	margin-left:	10px; 
	vertical-align:	bottom;
}
.affiliate {
	position:		absolute;
	left:			229px;
	margin-top:		3px;
	font-size:		60%;
	color:			#AAAAAA;
	text-align:		center;
}

#top_banner {
	border:			1px solid #aaaaaa;
	margin-top:		10px;
	position:		relative;
	margin-left:	50px;
}

.top_logo {
	clear: left;
	float: left;
	margin-bottom: 10px;
}

.banner {
	float: left;
	border: 1px solid #ccc;
	margin: 16px auto 10px 55px;
}

.drop_shadow {
    background: url(../image/drop_shadow.gif) right bottom;
}

.drop_shadow img {
    position: relative;
    left: -5px;
    top: -5px;
    background: #ffffff; /* paddingを設定した場合の背景色 */
    border: 1px solid #AAAAAA; /* 画像の枠線 */
}

/***********************************************/
/* Pager                                       */
/***********************************************/

.pager	{
	font-weight:	bold;
	color:			#cc6600;
	text-decoration:none;	
	vertical-align:	middle;
}

.pagerlink	{
	font-weight:	bold;
	font-size:		95%;
	text-decoration:none;	
}

/***********************************************/
/* Side                                       */
/***********************************************/
.back_orange { 
	background-color: 	#fcf5e3; 
	padding: 			5px;
	border:				1px solid #cccccc;
	text-align:			left;
}
.back_grey { 
	background-color: 	#efefef; 
	padding: 			5px;
	border:				1px solid #cccccc;
	text-align:			left;
}

.title_orange {
	background-color: 	#ff6600; 
	padding: 			2px; 	
	color: 				#ffffff;
	font-weight:		bold;
	text-align:			center;
	font-size:			80%;
}

.title_grey {
	background-color: 	#666666; 
	padding: 			2px; 	
	color: 				#ffffff;
	font-weight:		bold;
	text-align:			center;
	font-size:			80%;
}

.title_sub_side {
	border-bottom:		1px solid #dddddd;
	text-align:			left;
	font-weight:		bold;
	font-size:			80%;
	color:				#cc6600;
	padding:			2px;
	margin:				5px auto;	
}

.title_sub_side img {
	vertical-align:		middle;
}

/***********************************************/
/* IMAGE                             */
/***********************************************/
.image_right {
	border:1px solid #888;
	float:right;
	margin-left:10px;
	margin-bottom:10px
}


/***********************************************/
/* GENERAL                                     */
/***********************************************/
.middle {
	vertical-align:	middle;
}
.bottom {
	vertical-align:	bottom;
}

.border_btm	{
	border-bottom: 	1px solid #dddddd;
}

.bold_right	{ 
	font-weight:	bold; 
	text-align:		right;
}

.bold_left	{ 
	font-weight:	bold; 
	text-align:		left;
}

.bold_large	{ 
	font-weight:	bold; 
	font-size:		120%;
}

.small_right {
	font-size:		80%; 
	text-align:		right;
}

.small_left {
	font-size:		80%; 
	text-align:		left;
}

.small_center {
	font-size:		80%; 
	text-align:		center;
}

.grey_left {
	color:			#666666; 
	text-align:		left;
}

.grey_right {
	color:			#666666; 
	text-align:		right;
}

.grey_small_left {
	font-size:		85%; 
	color:			#666666; 
	text-align:		left;
}

.grey_small_right {
	font-size:		85%; 
	color:			#666666; 
	text-align:		right;
}


.beige_right {
	color:			#A4A453; 
	text-align:		right;
}

/***********************************************/
/* FOOTER                                      */
/***********************************************/

.footer_link {
	margin: 10px;
	text-align: center;
	color: #999;
	font-size: 75%;
}

.footer_link a {
	color: #999;
}

/***********************************************/
/* other                                       */
/***********************************************/
#copyright	{
	font-size:		85%;
	color: 			#666666;
	text-align: 	center;
}
#path	{
	font-size: 		85%;
	margin-top:		2px;
	margin-right:	10px;
	text-align: 	right;
}


.notice {
	margin-top:		3px;
	width:			90%;
	font-size:		65%;
	color:			#999999;
	text-align:		left;
}

.google_notice {
	text-align:		right;
	border-left:	1px dotted #CCCCCC;
	padding-left:	3px;
}

.photo {
	padding:			0 4px 4px 0;
	width:				120px;
	text-align:			right;
	margin-right:		0;
	margin-left:		auto;
}

.small_map {
	width:				186px;
	height:				180px;
	padding-bottom:		7px;
	border:				1px solid #DDDDDD;
	overflow: 			hidden;
}

.width {
	width: 90%
}

.toTop {
	text-align: right;
	margin-bottom:5px;
	font-size: 80%;
}


.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}

.clearFix {
	min-height: 1px;
}