/*
Theme Name: ubusta
Theme URI: http://ubusta.sakura.ne.jp/
Author: soichiro.inc
Description: うぶスタのウェブサイト
Version: 1.0
*/

/*@charset "utf-8";*/
* {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
fieldset, img, abbr, acronym {
	border: none;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content:'';
}
img {
	border-style: none;
}
strong {
	font-weight: bold;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-size: 14px;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	color: #666;
}
/* for IE7 */  
*:first-child+html body {
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック';
	font-size: 75%;
}
/*----------------------------------------------------
	common setting
----------------------------------------------------*/

html, body {
	font-size: 14px;
	background:#fff url('images/bg_line.gif') ;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #303030;
	line-height: 1.8;
	}
noscript {
	margin: 0px auto;
	text-align: center;
}
noscript p#noscriptDisplay {
	padding: 0 20px 5px 20px;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}

#main h2.top01 {
	color: #000 !important;
	background: #FFFF00 !important;
	font-size: 20px !important;
	padding:10px 10px 10px 20px !important;
	border-bottom:3px solid #303030 !important;
	margin:0 0 20px !important;
	-webkit-border-radius: 5px !important;
	        border-radius: 5px !important;
	border: #F43C6E;
}
#main h2.top02 {
	color: #fff !important;
	background: #3FA9F5 !important;
	font-size: 20px !important;
	padding:10px 10px 10px 20px !important;
	border-bottom:3px solid #303030 !important;
	margin:0 0 20px !important;
	-webkit-border-radius: 5px !important;
	        border-radius: 5px !important;
	border: #F43C6E;
}
#main h2.top03 {
	color: #fff !important;
	background: #F43C6E !important;
	font-size: 20px !important;
	padding:10px 10px 10px 20px !important;
	border-bottom:3px solid #303030 !important;
	margin:0 0 20px !important;
	-webkit-border-radius: 5px !important;
	        border-radius: 5px !important;
	border: #F43C6E;
}

h2 {
	color: #fff;
	background: #F43C6E;
	font-size: 20px;
	padding: 10px;
	border-bottom:3px solid #303030;
	margin-bottom: 10px;
}

h3 {
	font-size: 14px;
	border-bottom:1px solid #303030;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
}
/*
p span {
	color: #F43C6E;
	font-weight: bold;
}*/

.arrow {
	text-align: right;
	font-size: 12px;
	background:url('images/arrow.gif') right no-repeat;
	padding-right: 20px;	
}

.exlink {
	text-align: right;
	font-size: 12px;
	background:url('images/exlink.gif') right no-repeat;
	padding-right: 20px;
	color: #3FA9F5;
	font-weight: normal;
}

.att {
	font-size: 12px;
	color: #939393;
}

/* リンク設定
----------------------------------------------------*/
a {
	cursor: pointer;
	color: #3FA9F5;
	text-decoration: underline;
}
a:hover {
	color: #3FA9F5;
	text-decoration: none;
}
a:active {
	color: #3FA9F5;
	text-decoration: none;
}

a img:hover {
	opacity: 0.7;
}

#navWrap a,
footer a {
	cursor: pointer;
	color: #303030;
	text-decoration: none;
}
#navWrap a:hover,
footer a:hover {
	color: #0bbfed;
	text-decoration: none;
}
#navWrap a:active,
footer a:active  {
	color: #FF6600;
	text-decoration: none;
}



/* テーブル設定
----------------------------------------------------*/
table {
	margin-bottom: 30px;
	width: 100%;
	background: #FFF;
}
table th {
	padding: 12px;
	border: #ccc 1px solid;
	text-align: center;
	background: #3FA9F5;
	color: #fff;
}
table td {
	padding: 12px;
	border: #ccc 1px solid;
}
table td span.hosoku {
	color: #939393;
}
table td span.error {
	color: #D91C24;
}


/*会員登録フォーム*/
.must {
	font-size: 12px;
	color: #fff;
	background: #F43C6E;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	padding: 5px;
}
.any {
	font-size: 12px;
	color: #fff;
	background: #3FA9F5;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	padding: 5px;	
}
.aleart{
	color: red;
	font-weight: bold;
	background-color: yellow;
}


table.member th {
	width: 30%;
	text-align: left;
	background: #FFF;
	color: #303030;
	padding-left: 20px;
}
table.member input[type="text"],
table.member input[type="email"],
table.member input[type="tel"],
table.member input[type="password"] {
	height: 40px;
	margin: 10px 0 10px 10px;
	padding-left: 10px;
} 

table.member .wpcf7-textarea {
		width: 90%;
	margin: 10px 0 10px 10px;
	padding: 10px;
	border: #ccc 1px solid;	
}

input[type="submit"] {
	margin: 20px 0;
}


input[type="submit"],
input[type="button"] {
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 18px;
	display: inline-block;
	width: 240px;
	padding: 10px;
	border: none;
	color: #fff;
	outline: none;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+50,0c0c0c+50 */
background: #4a4a4a; /* Old browsers */
background: -moz-linear-gradient(top, #4a4a4a 50%, #0c0c0c 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4a4a4a 50%,#0c0c0c 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4a4a4a 50%,#0c0c0c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */	
}

input[type="submit"]:hover,
input[type="button"]:hover {
	cursor: pointer;
	opacity: 0.7;
}

/*recruit*/
.tdStyle {
	padding: 20px;
}




/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
nav.breadNav {
	clear: both;
	font-size:12px;
	margin-bottom:10px;
}
nav.breadNav a {
	margin-right: 3px;
	color: #00b8e6;
	text-decoration: underline;
}
nav.breadNav span {
	background:url('images/arrow_side.png') no-repeat left;
	padding-left: 15px;
}


/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
header {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}

header .headExpress {
	font-size: 12px;
	color: #6D6D6D;
}

header #imgLogo {
	margin-top: 10px;
}

#navWrap {
	background: #F4F4F4;
	padding: 30px 0;
	margin-bottom: 20px;
}

#navWrap ul {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}

#navWrap ul li {
	float: left;
	margin-right: 40px;
}

#headLeft {
	float: left;
}

#headRight {
	float: right;
	width: 600px;
	overflow: hidden;
}
#headRight .loginBtn {
	margin: 16px 0 0 20px;
	float: left;
}
#headRight #contact {
	height: 75px;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	float: right;
}



/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#news {
	margin: 30px 0 40px;
	overflow: hidden;
}

#news p {
	color: #F43C6E;
	border-bottom:1px solid #ccc;
	font-size: 16px;
}

#news dl {
	overflow: hidden;
}

#news dl dt {
	float: left;
	margin-right: 10px;
	color: #303030;
}

#news dl dt dd {
	float: right;
	margin-bottom: 20px;
}

#content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/*main*/
.bnrTop ul li {
	margin-bottom: 10px;
}


#content #main {
	width: 720px;
	overflow: hidden;
	float: left;
}

#content #main h3.theday {
	color: #F43C6E;
	border-top:1px solid #F43C6E ;	
	border-bottom:1px solid #F43C6E ;
	padding: 10px 0;
	font-weight: bold;
}
#content #main h3.normal {
	border-top:1px solid ;	
	border-bottom:1px solid ;
	padding: 10px 0;
	font-weight: bold;
}


#content #main ul.boxs {
	margin:20px 0 20px -24px;
	overflow: hidden;
}

#content #main ul.boxs li {
	border: 1px solid #DBDBDB;
	width: 220px;
	margin: 0 0 26px 26px;
	float: left;
	background: #FFF;
}

#content #main .box {
    position:relative;
    width:220px;
    height: 420px;
    margin:0px auto 0;
    padding:0 0 10px 10px;
}
#content #main .box img {
	width: 218px;
}
#content #main .box a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#content #main .box p {
	width: 200px;
	line-height: 1.4;
}
.box .date {
	padding-top: 200px;
	font-size: 16px;
	color: #3FA9F5;
	margin-bottom: 5px;
}
.box .name {
	font-size: 20px;
	font-weight: bold;
	color: #F43C6E;
 	background: linear-gradient(transparent 60%, #ff0 0%);
}
.box .copy {
  width: 200px;
}

.box .status {
	position: absolute;
	top: 390px;
	left: 10px;
	font-size: 13px;
	font-weight: bolder;
	color: red;
	background: #eee;
	padding: 5px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	        
}
.box .status p {
	margin-bottom: 0;
	width: auto !important;
}



#onecolumn {
	width: 960px;
	margin: 0 auto;
}

#onecolumn h1,
#content h1 {
	color: #fff;
	background: #F43C6E;
	font-size: 20px;
	padding: 10px 10px 10px 15px;
	border-bottom:3px solid #303030;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;	
}
#onecolumn h2,
#content h2 {
	color: #3FA9F5;
	font-size: 16px;
	border:1px solid #3FA9F5;
	border-bottom:3px solid #3FA9F5;	
	margin: 20px 0 10px;
	padding: 0 0 0 5px;
	background: #fff;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}


/*ページ下*/
#contactModule {
	background: #F4F4F4;
	overflow: hidden;
	padding: 30px 40px 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.calendar {
	border-top: 1px solid #ccc;
	background: none;
	margin-top: 40px;
	padding-top: 40px;
}


/*side*/
#content #side {
	width: 200px;
	float: right;
}

#content #side .exLinks {
	background: #F4F4F4;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	    margin-bottom: 20px;
}

#content #side .exLinks ul {
	text-align: center;
	padding: 20px;
}




/*----------------------------------------------------
	モデル詳細ページ
----------------------------------------------------*/
.model {
	overflow: hidden;
}
.model ul {
	margin-bottom: 20px;
}
.model .modelImg {
	float: left;
	width: 400px;
}
.model .modelSpec {
	float: right;
	width: 520px;
}
.model .modelSpec .fee {
	color: #F43C6E;
	font-size: 18px;
	font-weight: bold;
}

table tr.end {
	background: #eee !important;
	/*opacity: 0.5;*/
	/*text-decoration: line-through;*/
}

input[type="checkbox"] {
	margin-right: 10px;
}

ul.memberSubmit {
	text-align: center;
}
ul.memberSubmit li {
	display: inline-block;
	margin: 0 10px;
}

.kiyaku {
	background: #F2F2F2;
    height: 220px;
    margin: 30px auto;
    overflow-y: scroll;
    padding: 20px;
    width: 960px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

.kiyaku dl dt {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.kiyaku dl dd {
	margin-bottom: 20px;
}
.kiyaku dl dd ul {
	margin-top: 10px;
}
.kiyaku dl dd ul li {
	margin-bottom: 10px;
}

.tit {
	text-align: center;
	font-size: 18px;
}



#container {
	margin: 0 auto;
	width: 400px;
	text-align: center;
}

/* .flickSlider
--------------------------- */
.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

/* .flickView
--------------------------- */
.flickSlider .flickView {
	text-align: left;
	position: relative;
	overflow: hidden;
}
.flickSlider .flickView ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
.flickSlider .flickView ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.flickSlider .flickView ul li img {
	width: 400px;
	/*height: 460px;*/
}

/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
	width: 400px;
	overflow: hidden;
}
.flickSlider .flickThumb ul {
	width: 400px;
}
.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: inline;
	margin-top: 10px;
	height: 153px;
}
.flickSlider .flickThumb ul li img {
	width: 133px;
}
.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */
/*.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}*/
/*.flickSlider .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}

.flickSlider .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}*/


/* =======================================
	ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
	display: inline-block;
	overflow: hidden;
}



.message {
	font-size: 400%;
	font-weight: bold;
	color: #ED1C24;
}

.sokuho {
	background:none !important;
	border:none !important;
	margin: 0 !important;
	padding: 0 !important;
	}

/*----------------------------------------------------
	モデル募集
----------------------------------------------------*/
dl.qa dt {
	color: #F43C6E;
	font-weight: bold;
}

dl.qa dd {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/*----------------------------------------------------
	フッター
----------------------------------------------------*/
footer {
	background: #F4F4F4;
	text-align: center;
	margin-top: 50px;
	padding: 50px 0;
}

footer ul li {
	display: inline-block;
	font-size: 12px;
}

footer ul li a {
	color: #303030;
}
#copyright {
	color: #fff;
	background: #303030;
	text-align: center;
	font-size: 10px;
	padding: 20px;
}
/* ----------------------------------------------------
　　レイアウト制御
----------------------------------------------------*/
.clear {
	overflow: hidden;
}
.right {
	float: right
}
.left {
	float: left;
}
.center {
	text-align: center;
}
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mr10{
	margin-right: 20px !important;
}
.mr20{
	margin-right: 20px !important;
}
.mr30{
	margin-right: 20px !important;
}