@charset "UTF-8";


/*--------------------------------------------------------
1、サイト全体のレイアウト
------------------------------------------------------*/

/*1カラムレイアウト*/
#container{
	position: relative;
	width: 990px;
	margin: auto;
}

.col1 #main-contents{ width: 100%; }


/*2カラムレイアウト*/
.col2 #main-contents{
	float: left;
	width: 968px;
}
.col2 #sidebar{
	float: right;
	width: 240px ;
}


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{
	background:url(http://widewindows.mom/img/bg_aki.gif) center top repeat-y #1E3138;
	color: #0C1E27;
	width: 100%;
}

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #00b; }
a:hover,
a:active{ color: #f60; }


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	padding: 20px 10px 20px 0px;
	background-color: #163749;
	color: #fff;
	font-size: 1.2em;
}


/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	float: left;
	width: 231px;
}

#header .header-logo{ font-size: 3em; }

.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #fff; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }

#header h1{
	float:right;
	text-align:right;
	padding-top:0px;
	font-size:12px;
	color:#00B5B5;
}


/*●ヘッダーテキスト・右上の文章*/
.btn-contact{
	float: right;
	}


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

#global-nav{
	width: 100%;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #163749;
}


/*●グローバルメニュー*/
#global-nav #menu{
	font-size: 1.1em;
}

#global-nav #menu li{
	list-style: none;
	position: relative;
	float: left;
	width: 164px;
	line-height: 15px;
	margin: 0;
	padding:0;
	border-right: 1px solid #dba3c8;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

#global-nav #menu li.end{ border-right: 0; width:164px; }



/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding-bottom: 6px;
	padding-top: 6px;
}

#global-nav #menu li a:hover,
#global-nav #menu li a:active{
	background-color: #00B5B5;
	color: #163749;
}

#global-nav #menu li a span{
	padding-left: 8px;
	background: url(../images/icon/icon-gnav.png) left center no-repeat;	
}


/*--------------------------------------------------------
スタジオ紹介ナビ
--------------------------------------------------------*/

#recstudio_nav{
	width: 100%;
	padding-bottom: 6px;
	padding-top: 6px;
}


/*●グローバルメニュー*/
#recstudio_nav #menu{
	font-size: 1.00em;
	margin:0px;
	padding:0px;
}

#recstudio_nav #menu li{
	list-style: none;
	position: relative;
	float: left;
	width: 155px;
	height: 159px;
	line-height: 15px;
	margin: 0px 8px 8px 0px;
	padding:2px 0px 0px 0px;
	text-align: center;
	white-space: nowrap;
	font-size:12px;
}

#recstudio_nav #menu li.end{ border-right: 0; width:163px; }



/*メニューのデザイン*/
#recstudio_nav #menu li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #163749;
}

#recstudio_nav #menu img{
	margin-bottom:4px;
}

#recstudio_nav #menu li a:hover,
#recstudio_nav #menu li a:active{
	background-color: #00B5B5;
	color: #163749;
}

#recstudio_nav #menu li a span{
	padding-left: 8px;
	background: url(../images/icon/icon-gnav.png) left center no-repeat;	
}


/*--------------------------------------------------------
エンジニア紹介ナビ
--------------------------------------------------------*/

#recengineer_nav{
	width: 100%;
	padding-bottom: 6px;
	padding-top: 6px;
}


/*●グローバルメニュー*/
#recengineer_nav #menu{
	font-size: 1.00em;
	margin:0px;
	padding:0px;
	float:left;
}

#recengineer_nav #menu li{
	list-style: none;
	position: relative;
	float: left;
	width: 155px;
	line-height: 15px;
	margin: 0px 8px 8px 0px;
	padding:2px 0px 0px 0px;
	text-align: center;
	white-space: nowrap;
	font-size:12px;
}

#recengineer_nav #menu li.end{ border-right: 0; width:163px; }



/*メニューのデザイン*/
#recengineer_nav #menu li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #163749;
}

#recengineer_nav #menu img{
	margin-bottom:4px;
}

#recengineer_nav #menu li a:hover,
#recengineer_nav #menu li a:active{
	background-color: #00B5B5;
	color: #163749;
}

#recengineer_nav #menu li a span{
	padding-left: 8px;
	background: url(../images/icon/icon-gnav.png) left center no-repeat;	
}



/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	padding: 15px 10px;
	background-color: #eee;
}


/*●スライダー*/
.mv-wrap{
	position: relative;
	width: 947px;
	height: 331px;
	background-color:#000;
}

#slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 547px;
	height: 331px;
	margin-right: 3px;
	padding: 0;
}

#slider img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 547px;
	height: 331px;
	margin: 0;
	padding: 0;
	border: 0;
}

#slider li { list-style: none; }

.rhino-container .rhino-next,
.rhino-container .rhino-prev{
	display: block;
	position: absolute;
	top: 50%;
	z-index: 100;
	width: 21px;
	height: 42px;
	color: #fff;
}

.rhino-container .rhino-next{
	right: 10px;
	background: url(../images/slider/btn-arrow-r_off.png) no-repeat;
}

.rhino-container .rhino-prev{
	left: 10px;
	background: url(../images/slider/btn-arrow-l_off.png) no-repeat;
}

.rhino-container .rhino-next:hover,
.rhino-container .rhino-next:active{
	background: url(../images/slider/btn-arrow-r_on.png) no-repeat;
}

.rhino-container .rhino-prev:hover,
.rhino-container .rhino-prev:active{
	background: url(../images/slider/btn-arrow-l_on.png) no-repeat;
}

.rhino-container .rhino-btn{
    overflow: hidden;
	text-indent: 100%;
    white-space: nowrap;
}

.rhino-container .rhino-btn a{ color: #fff; }


/*●スライダー横のバナー*/
.chgImg-wrap{
	position: absolute;
	top: 0;
	right: 0;
    width: 397px;
	height: 331px;
	overflow: hidden;
}

.chgImg-wrap .chgImg{
	display: block;
    position: relative;
    width: 397px;
	height: 331px;
}

.chgImg img {
    position: absolute;
    top: 0;
    left: 0;
}

/*●トップのイントロ*/
.intro{
	line-height: 1.8;
	padding: 15px 10px;
	background-color: #010101;
	color: #fff;
	font-size: 1.4em;
}

.intro h2{
	font-weight: bold;
	font-size: 1.286em;
}


/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	list-style: none;
	line-height: 1.8;
	margin-right: 0.5em;
	text-align: right;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(/images/icon/icon-brc.gif) center right no-repeat;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.4em; }

#main-contents .contents{
	margin-bottom: 3.5em;
	padding: 0 10px;
}

#main-contents .contents .conts{
	margin-bottom: 2.5em;
}



/*●H1タグ / H2タグ（トップのみ）*/
#main-contents h1,
#home #main-contents h1{
	margin: 0 0 1.5em;
	padding: 16px 13px 10px;
/*	background-color: #000; */
	background-image:url(/recording/images/common/h1_backgroundaki.gif);
	background-repeat:no-repeat;
	color: #fff;
	font-size: 1.429em;
}

#main-contents h1 a:link,
#main-contents h1 a:visited,
#home #main-contents h2 a:link,
#home #main-contents h2 a:visited{ color: #fff; }

#main-contents h1 a:hover,
#main-contents h1 a:active,
#home #main-contents h2 a:hover,
#home #main-contents h2 a:active{ color: #f60; }

#main-contents h1.no-decor,
#home #main-contents h2.no-decor,
#main-contents h1.img-title,
#home #main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h1.no-decor a:link,
#main-contents h1.no-decor a:visited,
#home #main-contents h2.no-decor a:link,
#home #main-contents h2.no-decor a:visited,
#main-contents h1.img-title a:link,
#main-contents h1.img-title a:visited,
#home #main-contents h2.img-title a:link,
#home #main-contents h2.img-title a:visited{ color: #333; }

#main-contents h1.no-decor a:hover,
#main-contents h1.no-decor a:active,
#home #main-contents h2.no-decor a:hover,
#home #main-contents h2.no-decor a:active,
#main-contents h1.img-title a:hover,
#main-contents h1.img-title a:active,
#home #main-contents h2.img-title a:hover,
#home #main-contents h2.img-title a:active{ color: #f60; }


/*●H2タグ*/
#main-contents h2{
	margin: 0 0 20px;
	padding-left:50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 1.286em;
	background-image:url(/img/h2_icon.gif);
	background-repeat:no-repeat;
}

#list_studio h2{
	background-image:none;
}



#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.no-decor,
#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}



/*●H3タグ*/
#main-contents h3{
	margin: 0 0 20px;
	padding: 10px;
	background-color: #163749;
	color: #fff;
	font-weight: bold;
	font-size: 1.143em;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #fff; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.no-decor,
#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
	color: #333;
}

#main-contents h3.no-decor a:link,
#main-contents h3.no-decor a:visited,
#main-contents h3.img-title a:link,
#main-contents h3.img-title a:visited{ color: #333; }

#main-contents h3.no-decor a:hover,
#main-contents h3.no-decor a:active,
#main-contents h3.img-title a:hover,
#main-contents h3.img-title a:active{ color: #f60; }

/*●H4タグ*/
#main-contents h4{
	margin: 0 0 20px;
	padding: 0px;
	border: 0px none;
	font-weight: bold;
	font-size: 1.143em;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.no-decor,
#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.143em;
	font-weight: bold;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }

#main-contents h5.no-decor,
#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }
#main-contents .note{
	padding-left: 1em;
	text-indent: -1em;
}


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	line-height: 1.5em;
	margin-bottom: 0.5em;
}


/*●横並びリスト*/
#main-contents .inline-list{
	margin: 0 0 1.5em;
	padding: 0;
}

#main-contents .inline-list li{
	display: inline;
	list-style: none;
}

#main-contents .inline-list li span{
	margin: 0 0.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0.5em 0em 1.5em;
	padding: 1em 1em 0em 1em ;
	border: 3px solid #d7d7d7;
	background: url(../images/common/bg-blockquote.png) 3px 3px no-repeat #e0e0e0;
	color: #444;
}


/*●テーブルタグ*/
#main-contents table{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	table-layout: auto;
}

#main-contents th,
#main-contents td{
	/*padding: 0.5em;*/
	padding: 3px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#main-contents table .even{
	background-color: #dfdfdf;
}


#main-contents th{
	background-color: #828282;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#main-contents .table-style tbody th{
	background-color: transparent;
	color: #333;
	font-weight: normal;
}

#main-contents .table-style th{ vertical-align: top; }

#main-contents .no-alternation .even{ background-color: transparent; }


/*●最新情報*/
#main-contents dl.news{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.news dt{
	float: left;
	width: 8em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.news dd{
	margin: 0 0 10px 0;
	padding: 0 0 0.8em 9em;
	border-bottom: 1px dotted #414141;
}

#main-contents dl.news .bnr{
	float: right;
	padding-left: 10px;
}



/*●定義タグ スタイル01*/
#main-contents dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
	border-bottom: 1px dotted #414141;
}


/*●定義タグ スタイル02*/
#main-contents  dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #ddd;
}

#main-contents dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

#main-contents dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background-color: #fff;
}


/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist{
	margin: 0 0 1.5em;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #414141;
}

#main-contents ul.checklist li{
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-left: 24px;
	background: url(../images/icon/icon-check01-red.png) left top no-repeat;
	list-style-type: none;
}


/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }

.link-next,
.link-next02{ text-align: right; }

.link-back,
.link-back02{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r.png) 0 7px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) 0 7px no-repeat;
}

.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_r-yellow.png) 0 7px no-repeat;
}
.link-back02 a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l-yellow.png) 0 7px no-repeat;
}


/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #000; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #000;
}

#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #000; /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	font-weight: bold;
	color: #fff;
}

.recbox-l{
	float: left;
	width: 35%;
	height:auto;
	margin: 0;
	padding:0;
	border: 0; /*boxの枠線の指示*/
}

.recbox-r{
	float: right;
	width: 65%;
	height:auto;
	margin: 0;
	padding:0;
	border: 0;
}
.contents_recbox-wrap{
	margin:10;
	float:left;
	padding:10;
	border:0;
}


#main-contents .engineer_box{
	padding:0;
	margin:50px 0;
}

#main-contents .engineer_box h3{
	color:#000;
	background:none;
	padding:0;
	margin:0;
}

#main-contents .engineer_box .rec_sample{
	padding:0;
	margin:0;
	float:left;
}

#main-contents .engineer_box .rec_sample .right_50w{
	padding:0;
	margin:0;
}



/*プロフィール*/
.profile-box{
	margin-bottom: 35px;
	border-bottom: 1px dotted #575757;
}

.profile-desc{
	float: right;
	width: 414px;
	margin-bottom:15px;
}

.profile-image{
	float: left;
	width: 200px;
	margin-bottom:15px;
}

.comment-box{
	margin-bottom: 15px;
	padding: 10px 12px;
	background-color: #c9c9c9;
}

.explan_area {
	float:left; 
	width:58%; 
	clear:left;
}

.calendar_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	float:right; 
	width:40%; 
	clear:right;
}
.calendar_carr {
	width: 48%;
	margin-bottom: 10px;
}
.table_calendar {
	width: 100%;
	margin: 1%;
}


@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
	body {
		font-size: 110%;
	}
	h1.m20-b {
		background-size: 200%;
	}
	#main-contents .contents {
		margin-bottom: 1.5em;
		padding: 0 10px;
	}	
	.explan_area {
		width:100%!important; 
	}
	.calendar_area {		
		width:100%!important; 
		margin: auto;
		text-align: center;
	}
	.calendar_carr {
		width: 48%;
		margin-bottom: 10px;
	}	
	.table_calendar td {
		font-size: 90%;
	}
}
@media screen and (max-width: 959px) {
    /* 959px以下に適用されるCSS（タブレット用） */
}






/*--------------------------------------------------------
float　左右
--------------------------------------------------------*/

.left_w10{float:left; width:10%; clear:left;}
.left_w15{float:left; width:15%; clear:left;}
.left_w20{float:left; width:20%; clear:left;}
.left_w25{float:left; width:25%; clear:left;}
.left_w30{float:left; width:30%; clear:left;}
.left_w35{float:left; width:35%; clear:left;}
.left_w40{float:left; width:40%; clear:left;}
.left_w45{float:left; width:45%; clear:left;}
.left_w50{float:left; width:50%; clear:left;}
.left_w55{float:left; width:55%; clear:left;}
.left_w58{float:left; width:58%; clear:left;}
.left_w60{float:left; width:60%; clear:left;}
.left_w65{float:left; width:65%; clear:left;}
.left_w70{float:left; width:70%; clear:left;}
.left_w75{float:left; width:75%; clear:left;}
.left_w80{float:left; width:80%; clear:left;}
.left_w85{float:left; width:85%; clear:left;}
.left_w90{float:left; width:90%; clear:left;}
.right_w10{float:right; width:10%; clear:right;}
.right_w15{float:right; width:15%; clear:right;}
.right_w20{float:right; width:20%; clear:right;}
.right_w25{float:right; width:25%; clear:right;}
.right_w30{float:right; width:30%; clear:right;}
.right_w35{float:right; width:35%; clear:right;}
.right_w40{float:right; width:40%; clear:right;}
.right_w45{float:right; width:45%; clear:right;}
.right_w50{float:right; width:50%; clear:right;}
.right_w55{float:right; width:55%; clear:right;}
.right_w60{float:right; width:60%; clear:right;}
.right_w65{float:right; width:65%; clear:right;}
.right_w70{float:right; width:70%; clear:right;}
.right_w75{float:right; width:75%; clear:right;}
.right_w80{float:right; width:80%; clear:right;}
.right_w85{float:right; width:85%; clear:right;}
.right_w90{float:right; width:90%; clear:right;}




/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#sidebar{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

* html #sidebar{ overflow: hidden; }

#sidebar li{ list-style: none; }


/*●コンテンツ*/
#sidebar .contents{
	margin-bottom: 1.5em;
	padding: 0.5em;
	background-color: #000;
	color: #fff;
}

#sidebar .contents a:link,
#sidebar .contents a:visited{ color: #fff; }
#sidebar .contents a:hover,
#sidebar .contents a:active{ color: #f60; }

#sidebar hr{ clear: both; }


/*●サイドバーの見出し*/
#sidebar h3{
	padding: 0.7em;
	background-color: #163749;
	font-weight: bold;
	color: #fff;
}

#sidebar .contents h3{
	margin: -0.5em;
	margin-bottom: 0.8em;
}


/*●サイドメニュー*/
#sidebar .side-menu{
	margin: 0;
	padding: 0 12px;
}

#sidebar .side-menu li{
	list-style: none;
	margin-bottom: 15px;
	padding-left: 8px;
	background: url(../images/icon/icon-arw.png) left 5px no-repeat;
}

#sidebar .side-menu ul{
	margin: 0;
	margin-top: 15px;
}

#sidebar .side-menu li li{
	width: 95%;
	border: 0;
}


/*●バナーリスト*/
#sidebar .banner-list {
	margin-bottom: 30px;
}

#sidebar .banner-list li{
	margin-bottom: 10px;
}

#sidebar .banner-list .btn_howtorec{
	width: 150px;
	margin: auto;
	margin-bottom: 10px;
}


/*●スタジオリスト*/
#sidebar .studio-list{ margin-bottom: 10px; }

#sidebar .studio-list li{
	margin-bottom: 10px;
	list-style: none;
	text-align: center;
}

/*●divフレームをボーダーで囲む*/

.frameborder{
	border:3px;
	border-style:solid;
	border-color:#163749;
}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	background-color: #163749;
	color: #fff;
}

#footer ul{ margin-bottom: 40px; }

#footer ul,
#footer .copyright{
	text-align: center;
}

#footer li{
	display: inline;
	list-style: none;
	margin-right: 40px;
	padding-left: 8px;
	background: url(../images/icon/icon-arw.png) left center no-repeat;
}

#footer li:last-child{
	margin-right: 0;
}

#footer{
	clear: both;
	padding: 15px 0;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited{ color: #fff; }
#footer a:hover,
#footer a:active{ color: #f60; }


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 188px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 48px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-o-border-radius: 4px 0px 0px 4px;
	-ms-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../images/common/bg-pagetop.png) 14px center no-repeat #000;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.png) 14px center no-repeat #f60;
	color: #fff;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#header:after,
#global-nav #menu:after,
#main:after,
.contents:after,
#main-contents dl.news:after,
#main-contents dl.news .news-cont-wrap:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
#main-contents .sb:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#header,
#global-nav #menu,
#main,
.contents,
#main-contents dl.news,
#main-contents dl.news .news-cont-wrap,
#main-contents dl.dl-style01,
.box-wrap,
#main-contents .sb,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/