@charset "Shift_JIS";

/*===== NOTES ===================================================

	last-updated: 2010.08.17
	
		+1 : RESET setting
		+2 : BASE
		+3 : Header
		+4 : Container
		+5 : Container（メインエリア）
		+6 : Container（右サイドエリア）
		+7 : Footer


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

/* =================================================================
		+1 : RESET setting
================================================================= */

*{ margin:0; padding:0;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{
	margin:0;
	padding:0;
}
/*table{border-collapse:collapse;border-spacing:0;}*/
li {list-style-type: none;}
img { border:none }
hr {display: none;clear: both;}


/* =================================================================
		+2 : BASE
================================================================= */

body{
	margin:0 auto;
	text-align:center;
	background:#4B4B4B;
}
#wrapper{
	width:100%;
}
#header{
	width:100%;
	clear:both;
	margin:0 0 15px;
	border:none;
}
#header #header_top{
	width:100%;
	height:33px;
	background:#616161;
	border-bottom:solid 1px #848484;
}
#header #header_middle{
	width:100%;
	background:#212121;
}
#header #globalnav{
	width:100%;
	background:#212121;
	border-bottom:solid 5px #FF75B1;
}
div.toppage #container{
	width:980px;
	text-align:center;
	clear:both;
	font-size:12px;
	line-height:150%;
	color:#333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#footer{
	width:980px;
	text-align:center;
	clear:both;
	margin:10px 0 20px;
}

/* Clearfixハック----------------------- */

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}

/* =================================================================
		+3 : Header
================================================================= */

#header div.header_box{
	width:980px;
	text-align:center;
	clear:both;
}

/* ヘッドナビ（登録情報・メンバー登録）・ALBAロゴ
___________________________________________________________________ */

/* ナビ（登録情報・メンバー登録） */
#header_top div.header_box ul#head_nav{
	width:918px;
	float:left;
}
#header_top div.header_box ul#head_nav li{
	float:left;
	height:15px;
	margin:10px 15px 0 0;
	display:inline;
}
#header_top div.header_box ul#head_nav li#nav_member{
	width:55px;
}
#header_top div.header_box ul#head_nav li#nav_new_member{
	width:100px;
}
#header_top div.header_box ul#head_nav a{
	background: url(http://www.regina-web.jp/images/index_img/nav_member.gif) no-repeat 0 0;
	height:15px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#header_top div.header_box ul#head_nav li#nav_member a{
	width:55px;
}
#header_top div.header_box ul#head_nav li#nav_new_member a{
	width:100px;
	background-position:-65px 0;
}
#header_top div.header_box ul#head_nav li#nav_member a:hover{
	background-position:0 -25px;
}
#header_top div.header_box ul#head_nav li#nav_new_member a:hover{
	background-position:-65px -25px;
}

/* ALBAロゴ */
#header_top div.header_box p#logo_alba{
	width:62px;
	float:left;
	margin:3px 0 0;
}

/* Reginaロゴ・スーパーバナー
___________________________________________________________________ */

#header #header_middle div.header_box{
	padding:10px 0;
	text-align:left;
}

#header #header_middle div.header_box h1#logo_regina{
	width:252px;
	float:left;
	margin:20px 0 0;
}
#header #header_middle div.header_box p#suprebnr{
	width:728px;
	float:left;
}

/* グローバルナビ
___________________________________________________________________ */

#header #globalnav ul{
	width:980px;
}
#header #globalnav ul li{
	float:left;
}
#header #globalnav ul li a{
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url(http://www.regina-web.jp/images/index_img/globalnav.gif) no-repeat 0 0;
}
#header #globalnav ul li#nav_home{width:64px;}
#header #globalnav ul li#nav_magagine{width:103px;}
#header #globalnav ul li#nav_shopping{width:103px;}
#header #globalnav ul li#nav_present{width:92px;}
#header #globalnav ul li#nav_event{width:80px;}
#header #globalnav ul li#nav_school{width:80px;}
#header #globalnav ul li#nav_reserve{width:103px;}
#header #globalnav ul li#nav_special{width:94px;}
#header #globalnav ul li#nav_blog{width:68px;}


#header #globalnav ul li#nav_home a{background-position:0 0; width:64px;}
#header #globalnav ul li#nav_magagine a{background-position:-64px 0; width:103px;}
#header #globalnav ul li#nav_shopping a{background-position:-167px 0; width:103px;}
#header #globalnav ul li#nav_present a{background-position:-270px 0; width:92px;}
#header #globalnav ul li#nav_event a{background-position:-362px 0; width:80px;}
#header #globalnav ul li#nav_school a{background-position:-442px 0; width:80px;}
#header #globalnav ul li#nav_reserve a{background-position:-522px 0; width:103px;}
#header #globalnav ul li#nav_special a{background-position:-625px 0; width:94px;}
#header #globalnav ul li#nav_blog a{background-position:-719px 0; width:68px;}

/* マウスオーバー・現在のページ */
#header #globalnav ul li#nav_home a:hover,
#header #globalnav ul li#nav_home a.here{background-position:0 -45px;}
#header #globalnav ul li#nav_magagine a:hover,
#header #globalnav ul li#nav_magagine a.here{background-position:-64px -45px;}
#header #globalnav ul li#nav_shopping a:hover,
#header #globalnav ul li#nav_shopping a.here{background-position:-167px -45px;}
#header #globalnav ul li#nav_present a:hover,
#header #globalnav ul li#nav_present a.here{background-position:-270px -45px;}
#header #globalnav ul li#nav_event a:hover,
#header #globalnav ul li#nav_event a.here{background-position:-362px -45px;}
#header #globalnav ul li#nav_school a:hover,
#header #globalnav ul li#nav_school a.here{background-position:-442px -45px;}
#header #globalnav ul li#nav_reserve a:hover,
#header #globalnav ul li#nav_reserve a.here{background-position:-522px -45px;}
#header #globalnav ul li#nav_special a:hover,
#header #globalnav ul li#nav_special a.here{background-position:-625px -45px;}
#header #globalnav ul li#nav_blog a:hover,
#header #globalnav ul li#nav_blog a.here{background-position:-719px -45px;}


/* =================================================================
		+4 : Container
================================================================= */

div.toppage #container #main_area{
	width:680px;
	float:left;
	display:inline;
	text-align:left;
}
div.toppage #container #rightside_area{
	width:300px;
	float:left;
	text-align:left;
}

/* メインエリア[共通]---------------------- */
div.toppage #container p.title a{
	font-weight:bold;
	font-size:12px;
	color:#FF75B1;
}

/* =================================================================
		+5 : Container（メインエリア）
================================================================= */

div.toppage #container #main_area div.mainbox1{
	background: url(http://www.regina-web.jp/images/index_img/bg_main1.gif) repeat-y 0 0;
}
div.toppage #container #main_area div.mainbox2{
	background: url(http://www.regina-web.jp/images/index_img/bg_main2.gif) repeat-y 0 0;
}
div.toppage #container #main_area div.main_block{
	clear:both;
}
/* 枠（上下） */
div.toppage #container #main_area p.main_top,
div.toppage #container #main_area p.main_bottom{
	width:680px;
	clear:both;
}

/* Blog・Contents[共通]
___________________________________________________________________ */

div.toppage #container div.main_block{
	width:300px;
	background: url(http://www.regina-web.jp/images/index_img/line_dotted.gif) repeat-x left bottom;
	padding:0 0 8px;
	margin:0 0 8px;
}
/* 最下ボーダーなし */
div.toppage #container div.noborder{
	background:none;
	margin:0;
}
div.toppage #container div.main_block div.txt_right{
	width:216px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
}
div.toppage #container div.main_block div.txt_right p{font-size:10px;}

/* 日時 */
div.toppage #container div.main_block div.txt_right p.date{	color:#999999;}
/* 本文 */
div.toppage #container div.main_block div.txt_right p.txt{line-height:150%;}
/* 続きを読む */
div.toppage #container div.main_block div.txt_right p.more{	text-align:right;}
div.toppage #container div.main_block div.txt_right p.more a{color:#333333;}

/* サムネイル（左） */
div.toppage #container div.main_block p.ph_left{
	width:74px;
	float:left;
	text-align:center;
	margin:0 auto;
}
div.toppage #container div.main_block p.ph_left a{
	/*padding:1px;
	border:solid 1px #FF75B1;*/
	/*width:70px;*/
	text-align:center;
	display:block;
}
div.toppage #container div.main_block p.ph_left a img{
	padding:1px;
	border:solid 1px #FF75B1;
}
/* アルファ80% */
div.toppage #container div.main_block p.ph_left a:hover img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}

/* jQuery
___________________________________________________________________ */

:focus {outline:none;}
div.toppage #container div.main_box #featured{ 
	width:672px;
	height:310px;
	position:relative;
	line-height:1;
	background:#FFFFFF;
	margin:0 0 5px;
	z-index:1;
}
div.toppage #container div.main_box #featured ul.ui-tabs-nav{
	position:absolute;
	top:295px;
	left:0px;
	list-style:none;
	margin:0;
	padding:4px 0 0 392px;
	height:11px;
	background:#212121;
	z-index:-1;
}
/* ★3つ表示の場合 */
div.toppage #container div.main_box #featured ul#ui-tabs-nav3{
	padding:4px 0 0 462px;
}
/* ★4つ表示の場合 */
div.toppage #container div.main_box #featured ul#ui-tabs-nav4{
	padding:4px 0 0 392px;
}
div.toppage #container div.main_box #featured ul.ui-tabs-nav li{ 
	width:65px;
	height:7px;
	float:left;
	margin:0 5px 0 0;
	display:inline;
	background:#4B4B4B;	
}
div.toppage #container div.main_box #featured ul.ui-tabs-nav li a{
	width:65px;
	height:7px;
	background:#4B4B4B;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div.toppage #container div.main_box #featured ul.ui-tabs-nav li a:hover{
	background:#FF75B1;
}
div.toppage #container div.main_box #featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#FF75B1;
}
div.toppage #container div.main_box #featured .ui-tabs-panel{ 
	width:672px;
	height:295px;
	overflow:hidden;
	position:relative;
}
div.toppage #container div.main_box #featured .ui-tabs-panel .info{ 
	width:390px;
	float:left;
	position:absolute;
	top:298px;
	left:0;
	z-index:2;
}
div.toppage #container div.main_box #featured .info p{
	margin:0 10px;
	font-size:11px;
	color:#f0f0f0;
}
div.toppage #container div.main_box #featured .ui-tabs-hide{
	display:none;
}

/* Topics・編集部Blog
___________________________________________________________________ */

div.toppage #container #main_area div.mainbox1 div.mainbox_left{
	width:300px;
	float:left;
	padding:4px 40px 10px 16px;
	display:inline;
}
div.toppage #container #main_area div.mainbox1 div.mainbox_right{
	width:300px;
	float:left;
}
/* Topic------------------------- */
div.toppage #container #main_area div.mainbox1 div.mainbox_left p.title{
	margin:10px 0;
}
/* 編集部Blog------------------------- */
div.toppage #container #main_area div.mainbox1 div.mainbox_right h2{
	margin:4px 0 10px;
}

/* Contents
___________________________________________________________________ */

/* 枠（上下） */
div.toppage #container #main_area div.mainbox2 p.main_top{margin:0 0 10px;}
div.toppage #container #main_area div.mainbox2 p.main_bottom{margin:0;}

div.toppage #container #main_area div.mainbox2 div.mainbox_left{
	width:300px;
	float:left;
	margin:0 40px 0 16px;
	display:inline;
}
div.toppage #container #main_area div.mainbox2 div.mainbox_right{
	width:300px;
	float:left;
}
/* タイトル */
div.toppage #container div.mainbox2 h2{
	margin:0 0 5px;
}

/* What's New
___________________________________________________________________ */

div.toppage #container #main_area div.mainbox2#whatsnew p.main_top{
	margin:0;
}
div.toppage #container #main_area div.mainbox2#whatsnew h2{
	width:655px;
	clear:both;
	padding:8px 0 5px 16px;		
}
div.toppage #container #main_area div.mainbox2#whatsnew div.mainbox_block{
	width:650px;
	height:168px;
	clear:both;
	padding:0 0 0 19px;
	margin:0 0 10px;
	overflow: auto;
}
div.toppage #container div.mainbox2#whatsnew div.mainbox_block dl{

}
div.toppage #container div.mainbox2#whatsnew div.mainbox_block dt,
div.toppage #container div.mainbox2#whatsnew div.mainbox_block dd{
	font-size:10px;
	line-height:170%;
}
div.toppage #container div.mainbox2#whatsnew div.mainbox_block dt{
	width:80px;
	float:left;
}
div.toppage #container div.mainbox2#whatsnew div.mainbox_block dd{
	width:550px;
	float:left;
}
div.toppage #container #main_area div.mainbox2#whatsnew a{
	color:#333333;
	text-decoration:none;
}
div.toppage #container #main_area div.mainbox2#whatsnew a:hover{
	color:#333333;
	text-decoration:underline;
}


/* =================================================================
		+6 : Container（右サイドエリア）
================================================================= */

div.toppage #container #rightside_area div.rightside_box{
	width:300px;
	clear:both;
	margin:0 0 10px;
}

/* メンバー登録
___________________________________________________________________ */

div.toppage #container #rightside_area #member{
	width:300px;
	height:138px;
	background: url(http://www.regina-web.jp/images/index_img/bg_member.jpg) repeat-x 0 0;
}
div.toppage #container #rightside_area #member p#link_member{
	width:295px;
	height:33px;
	clear:both;
	text-align:right;
	font-size:10px;
	padding:10px 5px 0 0;
}
div.toppage #container #rightside_area #member p#link_member a{
	color:#333333;
	text-decoration:none;
	padding:0 5px;
}
div.toppage #container #rightside_area #member p#link_member a:hover{
	text-decoration:underline;
}
div.toppage #container #rightside_area #member p#btn_member{
	width:280px;
	height:42px;
	margin:0 10px;
}
div.toppage #container #rightside_area #member p#btn_member a{
	width:280px;
	height:42px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(http://www.regina-web.jp/images/index_img/btn_member.jpg) no-repeat 0 0;	
}
div.toppage #container #rightside_area #member p#btn_member a:hover{
	background-position: 0 -52px;		
}
div.toppage #container #rightside_area #member p#txt_member{
	width:285px;
	margin:6px 0 0 15px;
	color:#FFFFFF;
	font-size:10px;
	line-height:110%;
}

/* メンバー登録
___________________________________________________________________ */

div.toppage #container #rightside_area #blog_other{
	background:#666666;
	border:solid 1px #FFFFFF;
	padding:10px 0 0;
	margin:0;
	width:298px;
}
div.toppage #container #rightside_area #blog_other h2{
	margin:0 9px 8px;
	width:280px;
	clear:both;
}
div.toppage #container #rightside_area #blog_other p.blog_name{
	color:#FFFFFF;
	font-weight:bold;
	margin:0 9px 5px;
	width:280px;
	clear:both;
}
div.toppage #container #rightside_area #blog_other div.main_block{
	width:280px;
	margin:0 9px 8px;
}
div.toppage #container #rightside_area #blog_other div.main_block{
	background: url(http://www.regina-web.jp/images/index_img/line_dotted_wh.gif) repeat-x left bottom;
}
div.toppage #container #rightside_area #blog_other div.noborder{
	background:none;
}
div.toppage #container #rightside_area div.main_block div.txt_right{
	width:196px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
}
/* 本文 */
div.toppage #container #rightside_area div.main_block div.txt_right p.txt{
	color:#FFFFFF;
}
/* 続きを読む */
div.toppage #container #rightside_area div.main_block div.txt_right p.more a{
	color:#FFFFFF;	
}

/* =================================================================
		+7 : Footer
================================================================= */

#footer p#btn_custom{
	width:980px;
	background: url(http://www.regina-web.jp/images/index_img/arrow_footer.gif) no-repeat 0 2px;
	padding:0 0 5px 10px;	
	text-align:left;
}
#footer p#btn_custom a{
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
}
#footer #footer_box{
	width:980px;
	clear:both;
}
#footer #footer_box ul{
	width:730px;
	float:left;
	margin:0;
	padding:0;
}
#footer #footer_box ul li {
	border-left:1px solid #CCCCCC;
	float:left;
	height:11px;
	line-height:100%;
	list-style:none outside none;
}
#footer #footer_box ul li a {
	color:#CCCCCC;
	display:block;
	font-size:11px;
	margin:0;
	padding:0 10px;
	text-decoration:none;
}
#footer #footer_box address{
	width:250px;
	float:right;
	text-align:right;
	color:#CCCCCC;
	font-size:11px;
	font-style: normal;
}