/*======================================

common.css

======================================*/
/*@charset "EUC_JP";*/

/* ========= ボディ構造 ========= */

body {	margin : 0 ;
		padding : 0 ;
		text-align : center ;
		font-family: "ＭＳ Pゴシック",sans-serif; 
		font-size : 12px ;					}
#main {	width : 802px ;
		margin : 0 auto;
		margin-left : auto ; 
		margin-right : auto ;
		text-align : center ;				}
#main2 {	padding : 0px 1px 0 1px;				}
.clear {	clear : both ;						}

#top {
	padding : 3px 10px 3px 0  ;
	background : #333333 ;
	color : #FFF ;
	text-align : right ;
}
#top a:link, #top a:visited {
	color : #999 ;
	text-decoration : none ;
}
#top a:hover, #top a:active {
	color : #fff ;
}



/* ========= Menu 段組み ========= */

#menu_contents {
		border-top : solid 1px #666666 ;
		border-bottom : solid 1px #666666 ;
		padding-top : 1px ;
		margin : 0 ;
}
.menu {
		border-bottom : solid 1px #ffffff ;
		padding : 0 ;
		display : block ;
		height : 25px ;
		margin : 0 ;
}
.menu a:link, .menu a:hover, .menu a:visited, .menu a:active {
		border : solid 0px ;
		text-decoration : none ;
		padding : 5px 6px 5px 6px ;
		margin : 0 ;
		height : 25px ;
		line-height : 25px ;
}

.mailmaga {
		color : red ;
		border : 0 ;
		text-decoration : none ;
		padding : 5px 6px 5px 25px ;
		margin : 0 ;
		line-height : 25px ;
		height : 25px ;
		background: url(../img/ex.gif) no-repeat  left ;
}

#menu_contents form {
		height : 25px ;
		line-height : 25px ;
		margin : 0 ;
}

/* ========= FOOTER ========= */
#footer {
	border-top : solid 1px #ffffff ;
	border-bottom : solid 1px #ffffff ;
	margin : 0px ;
	padding : 5px 15px ;
	text-align : left ;
	font-size : 10px ;
	line-height : 15px ;
/*	background: url(../img/tag/tag_bg2.jpg) repeat-x bottom left ;*/
}

/* ========= COPYRIGHT ========= */
#copyright {
	background : #333333 ;
	margin : 0 ;
	padding : 3px 15px ;
	text-align : left ;
	font-size : 10px ;
	line-height : 15px ;
	color : #CCCCCC ;
}

/* ========= 段組み ========= */
#window_main {	margin : 5px ;	}
#window_sub {	margin : 0px 5px 5px 5px ;	}

#window_body {
	padding : 5px 15px 10px 15px ;
}

.bottom_index {
	margin : 5px 0px 0px 0px ;
	border-bottom : solid 1px #666666 ;
}

.top_index {
	height : 40px ;
	margin : 0 0 0 0 ;
}

#profile {
	background: url(../img/tag/tag_bg2.jpg) repeat-x bottom left ;
}

.no_companion {
	text-align : center ;
	padding : 80px 0 ;
	width : 300px ;
}


/* ========= TITLE ========= */
#title h1 {
	margin : 0 ;
	height : 100px ;
	width : 800px ;
	background: url(../img/title.png) no-repeat 0px 0px ;
	background-color : #999999 ;
}



#title h1 a{
	display:block;
	width : 430px ;
	height : 90px ;
}

#title h1 a span{
	display:none;
} 


/* ========= window_main 段組み ========= */
.column {
	background-color : #ffffff ;
	margin : 0 10px 0 0  ;
}

#left {
	float : left ;
	margin : 0 0 5px 0 ;
	padding : 0 ;
	width : 440px ;
	text-align : left ;
}
#right {
	float : right ;
	margin : 0 0 5px 0 ;
	padding : 0 ;
	width : 350px ;
	text-align : right ;
}


/* ========= コラム ========= */
#title_frame {
	padding : 0 ;
	margin : 0 ;
}
#column {
	padding : 0 ;
	margin : 0 0 5px 0 ;
}
.clm {
	margin : 0 ;
	padding : 5px ;
	text-align : left ;
	overflow : auto ;
	overflow-x : hidden ; 
}


/* ========= コラム1 ========= */
#title_frame_1 {
	width : 436px ;
	padding : 0 ;
	margin : 0 ;
}
.title {
	text-align : left ;
	border-top : solid 1px #ffffff;
	border-bottom : solid 1px #ffffff;
	background: url("../image/box_1.gif") no-repeat left ;
	padding : 2px 0 2px 20px ;
	margin : 0 ;
}
.title p {
	margin : 0 ;
}

.box_1, .box_2, .box_3, .box_4, .subbox_1, .subbox_2, .subbox_3, .subbox_4{
	padding : 0 ;
	margin : 10px 0 ;
}

#column_1 {
	width : 436px ;
	height : 300px ;
	padding : 0 ;
	margin : 0 0 5px 0 ;
}
.clm_1 {
	margin : 0 ;
	padding : 5px ;
	text-align : left ;
	height : 290px ;
	overflow : auto ;
	overflow-x : hidden ; 
}

/* ========= コラム2 ========= */
#column_2 {
	width : 436px ;
	height : 65px ;
	padding : 0 ;
	margin : 0 0 5px 0 ;
}
.clm_2 {
	margin : 0 ;
	padding : 5px ;
	text-align : left ;
	height : 55px ;
	overflow : auto ;
	overflow-x : hidden ; 
}

/* ========= コラム3 ========= */
#column_3_1 {
	margin : 0 0 5px 0 ;
	background: url("../img/concept.jpg") no-repeat left top ;
	width : 346px ;
	height : 180px ;
	float : right ;
}
#title_frame_3 {
	width : 336px ;
	float : right ;
	padding : 0 ;
	text-align : left ;
}
#column_3 {
	float : right ;
	width : 336px ;
	height : 182px ;
	padding : 0 ;
	margin : 0 0 5px 0 ;
}
.clm_3 {
	padding : 5px ;
	text-align : left ;
	height : 172px ;
	overflow : auto ;
	overflow-y : hidden ; 
}

#title_frame_4 {
	padding : 0 ;
	text-align : left ;
}

#title_frame_5 {
	width : 336px ;
	float : right ;
	padding : 0 ;
	text-align : left ;
}

#column_4 {
	padding : 0 ;
	margin : 0 0 5px 0 ;
}
.clm_4 {
	padding : 5px ;
	text-align : left ;
	height : 172px ;
	overflow : auto ;
	overflow-y : hidden ; 
}

.y {
	overflow-x : hidden ; 
}
.x {
	overflow-y : hidden ; 
}


#tag {
	background: url("../img/tag/tag_bg.jpg") repeat-x top left;
	text-align : left ;
	vertical-align : middle ;
	padding : 0 ;
	margin : 0 0 15px 0 ;
	display : block ;
}

#title_frame {
	text-align : left ;
	padding : 0 ;
	margin : 0 ;
}

.clm_window {
	margin : 0 ;
	padding : 5px ;
	text-align : left ;
}





/* ========= window_sub 段組み ========= */

#sub_left{
	float : left ;
	width : 390px ;
	padding-right : 5px ;
}
#sub_right{
	float : right ;
	width : 390px ;
	padding-left : 5px ;
}
.sub_column {
	float : left ;
	width : 49% ;
	margin : 0 5px 0 0 ;
}
.sub_column_r {
	float : right ;
	width : 49% ;
}
.subclm_title_1 ,
.subclm_title_2 ,
.subclm_title_3 ,
.subclm_title_4 {
	padding : 0 ;
}
.subclm{
	height : auto ;
}
.subclm_title_1 h3 ,
.subclm_title_2 h3 ,
.subclm_title_3 h3 ,
.subclm_title_4 h3 {
	font-size : 12px ;
	font-weight : normal ;
	text-align : left ;
	border-top : solid 1px #ffffff;
	border-bottom : solid 1px #ffffff;
	background: url("../image/box_2.gif") no-repeat left ;
	padding : 2px 0 2px 25px ;
	margin : 0 ;
	height : 21px ;
	line-height : 21px ;
}
.subclm_1 ,
.subclm_3 {
	margin : 0 ;
	text-align : left ;
}
.subclm_2 ,
.subclm_4 {
	margin : 0 ;
	text-align : left ;
}
.sub_clm {
	margin : 0 ;
	text-align : left ;
	line-height : 15px ;
	height : auto ;
}

.p8 {
	padding : 8px ;
}





/* 新着情報 */
.hotnews_title {
	margin : 5px 0 5px 0 ;
	padding : 5px 0 0 0 ;
	font-weight : bold ;
	text-align : left ;
}
.hotnews_date {
	margin : 0 0 0 0 ;
	padding : 0 0 0 0 ;
	font-weight : bold ;
	text-align : right ;
	font-size : 10px ;
}
.hotnews {
	margin : 0 0 0 0 ;
	border-top : solid 1px  ;
	padding : 3px 0 20px 0 ;
	clear : left ;
}
.hotnews img, .qr img {
	padding: 3px;
	background:#FFFFFF;
	border:1px solid #cccccc;
}
.qr img {
	float : left ;
	margin : 0 20px 0 0 ;
}

/*コンパニオン*/
.companion {	margin : 0 10px 5px 0 ;	}
.companion_frame {	padding : 5px ;	}
.companion_data {
}


.center {
	text-align : center ;
}



/* schedule */
.Sun {	background : #E16F6F ;	}
.Sat {	background : #99CCCC ;	}
.Mon, .Tue, .Wed, .Thu, .Fri {	background : #FFFFFF ;	}
.Sun2 {	background : #E17F7F ;	}
.Sat2 {	background : #AACFCF ;	}
.Mon2, .Tue2, .Wed2, .Thu2, .Fri2 {	background : #eeeeee ;	}
.Sun3 {	background : #E16F6F ;	}
.Sat3 {	background : #99CCCC ;	}
.Mon3, .Tue3, .Wed3, .Thu3, .Fri3 {}

.new {
	margin : 0 ;
	padding : 0 ;
	line-height : 11px ;
	z-index : 3 ;
	position : relative ;
	top : 10px ;
	left: 10px;
	background: url("../img/new.gif") no-repeat left ;
}
.up {
	margin : 0 ;
	padding : 0 ;
	line-height : 11px ;
	z-index : 3 ;
	position : relative ;
	top : 10px ;
	left: 10px;
	background: url("../img/up.gif") no-repeat left ;
}



#title_frame_coution {	background-color : red ;	border : solid 2px red ;	}
#column_coution 	{	border : solid 2px red ;	border-top : solid 0px ;	background-color : #FFDFDF ;	}

a.page, a.page_this {
	border : solid 1px #999999 ;
	padding : 1px 4px ;
	margin : 0px 3px ;
	text-decoration : none ;
}
a:hover.page, a:hover.page_this {
	text-decoration : none ;
}

#page_top {
	padding : 0 0 0 0 ;
	margin : 5px 0 15px 0 ;

	clear : both ;
}
#page_bottom {
	padding : 0 0 0 0 ;
	margin : 0px ;
	line-height : 15px ;
	clear : both ;
}