@charset "utf-8";

/* --------------------------------------------------
	=body
-------------------------------------------------- */

body {
	line-height: 1.5;
	color: #666;
	font-family: "���C���I","Meiryo","�l�r �o�S�V�b�N","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	font-size: 12px;
}

a:link,
a:visited {
	color: #00aeff;
	text-decoration: underline;
	font-weight: bold;
}

a:hover,
a:active {
	color: #00aeff;
	text-decoration: underline;
	font-weight: bold;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.txt01 {
	color: #333;
}

.txt02 {
	color: #999;
}

.mb20 {
	margin-bottom: 20px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mt40 {
	margin-top:40px;
}

/* --------------------------------------------------
	=clearfix
-------------------------------------------------- */

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

.clearfix {
	overflow: hidden;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

/* --------------------------------------------------
	=wrapper 
-------------------------------------------------- */

#wrapper {
	width: 100%;
}
#container {
	width: 100%;
}

/* --------------------------------------------------
	=header
-------------------------------------------------- */

#header {
	width: 100%;
	background: url(../common/footer_bg01.jpg) repeat-y;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#header img {
	width: 100%;
}
#boxLeft {
	width: 86%;
	float: left;
}
#boxRight {
	width: 14%;
	float: right;
}
#topSearch {
	width: 94%;
	margin: 0 3% 3% 3%;
}
dl.search2{
	position:relative;
}
dl.search2 dt{
	margin-right:105px;
	padding:3px;
	background-color:#fff;
}
dl.search2 dt input{
	width:100%;
	height:19px;
	line-height:19px;
	background:none;
	border:none;
}
dl.search2 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search2 dd button{
	display:block;
	width:100px;
	height:25px;
	color:#000;
	line-height:25px;
	text-align:center;
	background-color:#63C8FD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:none;
	font-size: 12px;
	font-weight: bold;
}
.searchBox {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 3%;
	margin-bottom: 3%;
}
.serviceHeading01 {
	padding: 6% 0 3% 0;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.serviceHeading01 span {
	color: #1eb0fc;
}
.searchHeading01 {
	margin-bottom: 3%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.searchHeading01 span {
	color: #1eb0fc;
}
.searchHeading02 {
	margin-bottom: 1%;
	font-size: 14px;
	font-weight: bold;
}
#headerArea-navi ul li {
	float: left;
	width: 25%;
}

/* --------------------------------------------------
	=footer
-------------------------------------------------- */

#footer {
	width: 100%;
	background: url(../common/footer_bg01.jpg) repeat-y;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	border-top: solid #63C8FD 2px;
}
#footerLink {
	margin: 0 3%;
	padding: 3% 0;
	text-align: center;
	color: #ccc;
	width: 94%;
}
#footerLink a:link,
#footerLink a:visited {
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
}
#footerLink a:hover,
#footerLink a:active {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
}
#footerLogo {
	border-top: solid #666 1px;
	border-bottom: solid #999 1px;
	width: 100%;
}
#footerArea {
	margin: 1% 3%;
	width: 94%;
}
#footerArea table {
	width: 100%;
}
#footerArea table tr td {
	vertical-align: middle;
	text-align: left;
	color: #666;
	font-size: 10px;
	line-height: 14px;
}
#footerArea table tr td.ftlogo {
	width: 35%;
}
#footerArea table tr td.ftlogo img {
	width: 100%;
}
#footerCopy {
	width: 100%;
	background: url(../common/footer_bg02.jpg) repeat-y;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#footerCopy p {
	margin: 0 3%;
	width: 94%;
	font-size: 10px;
	line-height: 14px;
	padding: 3% 0;
	text-align: center;
	color: #b2b2b2;
}

/* --------------------------------------------------
	=contents 
-------------------------------------------------- */

#contents {
	margin: 0 auto 8% auto;
	width: 100%;
}
#main {
	width: 94%;
	margin: 0 3%;
}
.heading {
	padding: 5px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
	margin-bottom: 20px;
}

/* --------------------------------------------------
	=top
-------------------------------------------------- */

#topMain {
	margin: 0 auto;
	width: 100%;
	background: url(../images/background.gif) repeat-x center top;
}
#topPress {
	padding: 20px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
}
#topPress img {
	width: 100%;
}
#topPress-list dl {
	width: 100%;
}		
#topPress-list dt {
	padding-top: 3%;
}
#topPress-list dd {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-bottom: 3%;
	border-bottom: dotted 1px #ccc;
}
#topPress-list dd a:link,
#topPress-list dd a:visited {
	color: #333;
	text-decoration: none;
}
#topPress-list dd a:hover,
#topPress-list dd a:active {
	color: #333;
	text-decoration: underline;
}
#topBanner ul {
	margin-top: 3%;
	width: 100%;
}
#topBanner ul li {
	width: 100%;
}
#topBanner ul li img {
	width: 100%;
}
#footerTwitter {
	padding-top: 3%;
}
.topSlider {
	width: 100%;
}
.responsive-slider {
	padding: 20px 0 10px 0;
	border-bottom: solid 3px #000;
	width: 100%;
}
.responsive-slider img {
	width: 100%;
}
.pressListbtn {
	margin-top: 10px;
	text-align: right;
	width: 100%;
}
.pressListbtn img {
	width: 28%
}

/*レスポンシブ（数固定・画像サイズ可変）---------------------------------*/
#responsive-slider1,
#responsive-slider2,
#responsive-slider3 {
	position: relative;
	margin:20px 0 0 0;
	width: 100%;
}
#responsive-slider4,
#responsive-slider5 {
	position: relative;
	margin:10px 0 0 0;
	width: 100%;
}
#responsive-wrapper1,
#responsive-wrapper2,
#responsive-wrapper3,
#responsive-wrapper4,
#responsive-wrapper5 {
	width: 90%;
	margin:0 auto;
	left: 5%;
	overflow: hidden;
}
#responsive-carousel1 li,
#responsive-carousel2 li,
#responsive-carousel3 li,
#responsive-carousel4 li,
#responsive-carousel5 li {
	margin: 0 10px;
	border: none;
	display: block;
	float: left;
	text-align: center;
}
#responsive-carousel1 li img,
#responsive-carousel2 li img,
#responsive-carousel3 li img,
#responsive-carousel4 li img,
#responsive-carousel5 li img {
	height: 110px;
}
#responsive-prev1, #responsive-next1,
#responsive-prev2, #responsive-next2,
#responsive-prev3, #responsive-next3,
#responsive-prev4, #responsive-next4,
#responsive-prev5, #responsive-next5 {
	position: absolute;
	top: 0;
	width: 5%;
}
#responsive-prev1,
#responsive-prev2,
#responsive-prev3,
#responsive-prev4,
#responsive-prev5 {
	background: url(../images/idol_prev.gif) no-repeat center center;
	left: 0;
}
#responsive-next1,
#responsive-next2,
#responsive-next3,
#responsive-next4,
#responsive-next5 {
	background: url(../images/idol_next.gif) no-repeat center center;
	right: 0;
}
.topSlider a:link,
.topSlider a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.topSlider a:hover,
.topSlider a:active {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}
.sb-slidebar ul li {
	padding: 6%;
	border-bottom: solid #999 1px;
	font-size: 14px;
}
.sb-slidebar ul li span {
	font-size: 10px;
	font-weight: normal;
}
.sb-slidebar a:link,
.sb-slidebar a:visited {
	color: #ccc;
	text-decoration: none;
}
.sb-slidebar a:hover,
.sb-slidebar a:active {
	color: #ccc;
	text-decoration: underline;
}

#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
#fixedTop:link,
#fixedTop:visited,
#fixedTop:hover,
#fixedTop:active {
	text-decoration: none;
	font-weight: normal;
}