@charset "utf-8";

/*
	Theme Name: lovetrax
	Theme URI: http://love-trax.com/
	Description: WordPress Corporate Theme
	Version: 1.0
	Author: aroom
	Author URI: http://www.aroom.biz/
*/


/* =========================================================
◆Link Style
========================================================= */

a:link    { color:#f26091; text-decoration: none; }
a:visited { color:#f26091; text-decoration: none; }
a:hover   { color:#f26091; text-decoration: underline; }
a:active  { color:#91878d; text-decoration: none; }

/* =========================================================
◆基本
========================================================= */
html { background:#afa2a9; }
body { background:#f6f6f6;height:auto; margin:0 auto; border-top:#afa2a9 2px solid;}
#wrapper { width:950px; margin:0 auto; background-color: #f6f6f6;}
img { vertical-align:top;}

/* =========================================================
◆Head
========================================================= */
#header { width:940px; height:100px; margin:0 auto; }
#header_inner { width:940px; height:100px; margin:0 auto; position:relative;}
#header h1 { position:absolute; top:13px; left:25px; width: 200px; height: 72px;}
.header_right { position:absolute; right:25px; top:0px}

/* =========================================================
◆Gnav(default.js使用時)
========================================================= */
#Gnav {height:27px; clear: both; width:auto;}
#Gnav_inner {height:27px; width:580px; position:absolute; right:44px; top:65px;}/*元のwidthは552px 元のrightは21px*/
#Gnav ul li { float:left; display:inline;margin-right:31px;}
#Gnav ul li.last { margin-right:0px;}

/* =========================================================
◆Top
========================================================= */
.main_vis { height:610px; margin-top:15px; }
.main_vis_inner { height:545px; width:880px; margin:0 auto; padding:0px; }

.top_under_area { width:890px; height:250px; margin:0 auto; position:relative;}
.info_area { height:210px; width:435px; position:absolute; left:0;}
.liststyle01 ul { margin-top:10px;}
.liststyle01 ul li { position:relative; clear:both; margin-bottom:5px; padding:5px 0; font-size:93%; width:440px;}
.liststyle01 ul li span.day { position:absolute; display:block; left:0; top:5px; display:inline; float:left; color:#000; }
.liststyle01 ul li span.txt { display:block; margin-left:68px; padding:0 10px; color:#000;}

.banner_area { height:205px; width:220px; background:#e6e6e6; position:absolute; right:0;}
.banner_inner { height:318px; width:220px; background:#e6e6e6;}
.banner_inner img{ padding:6px 5px;}  
.more_information { margin: 10px 0 0 80px;}

/* =========================================================
◆Sidebar
========================================================= */
.sidebar_area{ width: 215px; float:left; padding-left:25px;} 
.sidebar_title { height:25px;}
.sidebar_inner img{ margin_left:25px;}
.sidebar_profile { font-size:103%; width:190px;}
.sidebar_profile ul { margin:5px 0 10px 0;}
.sidebar_profile ul li{ margin-left:8px; line-height:1.8em;}
.sidebar_link ul{ margin-top:10px; color:#91878d;}
.sidebar_link li{ margin-top:10px;}
span.mb10 { margin-bottom:10px;}
.mt5 { margin-top:5px;}

ul.sidebar li{ margin-bottom:10px;}
ul.sidebar li ul li{ margin-bottom:0px;}

#searchform{ position: relative; float: left; width: 182px; height: 31px; background: url(./common/images/searchform.png) no-repeat 0 0; margin-bottom:15px;}
.widget_search #searchform{ float: none;}
#s{	margin:2px 0 0 5px; width: 140px; height: 27px; border: 0 none; background: none;}
#searchsubmit{ position: absolute; right: 0; width: 31px; height: 31px; border: 0 none;	background: none; text-indent: -9999px; cursor: pointer;}

#sidebar #recent-posts-2 h2 { height:25px; margin-bottom:10px; text-indent: -9999px; background: url(./common/images/sidebar_recent.jpg) no-repeat 0 0;}
#sidebar #recent-posts-2 ul { line-height:1.8em; margin-bottom:10px;}
#sidebar #recent-posts-2 ul li{ width:165px; margin-left:10px; /*overflow長い投稿名のために追加*/overflow-wrap: anywhere;}
#sidebar #search-2 h2 { height:25px; margin-bottom:10px; text-indent: -9999px; background: url(./common/images/sidebar_search.jpg) no-repeat 0 0;}
#sidebar #archives-2 h2 { height:25px; margin-bottom:10px; text-indent: -9999px; background: url(./common/images/sidebar_archive.jpg) no-repeat 0 0;}

/* =========================================================
◆Breadcrumb
========================================================= */
.breadcrumb { height:22px; padding-top:3px;}
.breadcrumb li{ float:left; margin-right:5px;}

/* =========================================================
◆Main
========================================================= */

#Main {clear:both; width:940px; margin:0 auto;}
#Main_inner { width:940px; margin:0 auto;}
#Cont { width:940px; margin:0 auto; padding-top:10px; clear:both;}
.main_area{ width: 551px; float:left; margin-bottom:30px;}

.post-navi .prev { float:left; padding-top:20px;}
.post-navi .next { text-align:right; padding-top:20px;}

#archive-information { width:673px; min-height:600px; margin:20px 0 30px 0;}
#archive-information a:link,a:visited{ color:#f26091;}
#archive-information p{ line-height:1.8em;}
#archive-information dt{ clear:left; float:left; margin:; 0 0 0.8em; width:130px; padding-left:15px; color:#000;}
#archive-information dd{ margin-bottom: 0.8em; margin-left:150px;}
#archive-information dd a:link{ color:#f26091;}
#archive-information p.search { margin: 0 0 15px 10px;}
#archive-information dd.more_link { text-align:right; margin-right:20px;}

#single-information { width:673px; min-height:600px; margin-top:10px;}
#single-information h3{ font-size:18px; color:#f26091; margin-left:10px;}
#single-information p{ line-height:1.5em; margin-left:10px; width:655px;}
#single-information .post-date { font-size:15px; margin-left:10px; line-height:1.8em;} 
#single-information .post-navi{ margin-top:20px;}
#single-information .post-navi .prev{ float:left; margin-left:10px;}
#single-information .post-navi .next{ text-align:right; margin-right:10px;}
#single-information .post-date { padding-top:5px;}
div.border {border-bottom: #b8adb3 1px dashed; margin:10px 0;}

#single-talent { width:673px; min-height:600px; margin-top:20px;}
#single-talent h3{ font-size:16px; color:#b8adb3; margin-left:10px}
#single-talent p{ line-height:1.5em;}
div.border02 { border-bottom: #b8adb3 1px solid; margin:5px 0 15px 0;}

.talent_area { width:675px; height:300px; margin-top:20px; position:relative;}
.talent_area .ph{ position:absolute; top:0; left:20px;}
.talent_area .profile{ position:absolute; left:220px; width:455px;}
.talent_area .profile ul.name_area { width:300px; height:34px; margin-top:11px; background: url(./common/images/ribbon_03.jpg) top left no-repeat; position:relative;}
.talent_area .profile ul.name_area li { float:left;}
.talent_area .profile li.name { font-size:17px; color:#fff3f7; text-shadow: 0px -1px 1px #333333; margin-top:7px; text-align:center; width:155px; height:34px;}
.talent_area .profile li.btn { left:153px; position:absolute;}
.talent_area .profile dl { clear:both; margin-top:20px;}
.talent_area .profile dt{ clear:left; float:left; margin:; 0 0 0.6em; width:50px; padding-left:25px; color:#000;}
.talent_area .profile dd{ margin-bottom: 0.6em; margin-left:90px;}
.talent_area .profile ul.site_link { padding: 10px 0 0 25px; clear:both; line-height:1.7em;}
#single-talent .works ul{ margin:10px 0;}
#single-talent .works h4{ font-weight:bold; margin-top:20px}
#single-talent .works li{ margin-top:5px;}
.mt20 {margin-top:20px;}

.talent_box { width:328px; height:356px; text-align:center; background: url(./common/images/bg_profile_01.png); float:left; margin:10px 3px 20px 5px;}
.talent_box li.name { font-size:17px; color:#fff3f7; text-shadow: 0px -1px 1px #333333; line-height:1.4em;}
.talent_box li.name a:link { color:#fff3f7; text-decoration: none !important;}
.talent_box li.name a:visited { color:#fff3f7; text-decoration: none !important;}
.talent_box li.name a:hover { color:#fff3f7; opacity:0.7; text-decoration: none !important;}
.talent_box li.name a:active { color:#fff3f7; text-decoration: none !important;}
.talent_box ul.btn_profile { margin:10px 0 0 23px;}
.talent_box ul.btn_profile li { float:left; margin-right:20px;}
.pt1 {padding-top:1px;}
/*佐藤追加*/
.talent_box li.last{color: #FFFFFF;}
.dance_box { width:328px; height:344px; text-align:center; background: url(./common/images/bg_profile_03.png); float:left; margin:10px 3px 20px 5px;}
.dance_box li.name { font-size:17px; color:#fff3f7; text-shadow: 0px -1px 1px #333333; line-height:1.6em;}
.dance_box li.name a:link { color:#fff3f7; text-decoration: none !important;}
.dance_box li.name a:visited { color:#fff3f7; text-decoration: none !important;}
.dance_box li.name a:hover { color:#fff3f7; opacity:0.7; text-decoration: none !important;}
.dance_box li.name a:active { color:#fff3f7; text-decoration: none !important;}
.dance_box ul.btn_profile { margin:10px 0 0 0px;}
.dance_box ul.btn_profile li { float:left; margin-right:20px;}


.writer_musician_box { width:328px; height:344px; text-align:center; background: url(./common/images/bg_profile_03.png); float:left; margin:10px 3px 20px 5px;}
.writer_musician_box li.name { font-size:17px; color:#fff3f7; text-shadow: 0px -1px 1px #333333; line-height:1.6em;}
.writer_musician_box li.name a:link { color:#fff3f7; text-decoration: none !important;}
.writer_musician_box li.name a:visited { color:#fff3f7; text-decoration: none !important;}
.writer_musician_box li.name a:hover { color:#fff3f7; opacity:0.7; text-decoration: none !important;}
.writer_musician_box li.name a:active { color:#fff3f7; text-decoration: none !important;}
.writer_musician_box ul.btn_profile { margin:10px 0 0 0px;}
.writer_musician_box ul.btn_profile li { float:left; margin-right:20px;}

/*佐藤追加ここまで*/



.talent_box02 { width:162px; height:262px; text-align:center; background: url(./common/images/bg_profile_02.png); float:left; margin:10px 3px 20px 3px;}
.talent_box02 li.name { font-size:17px; color:#fff3f7; text-shadow: 0px -1px 1px #333333; line-height:2.0em;}
.talent_box02 li.name a:link { color:#fff3f7; text-decoration: none !important;}
.talent_box02 li.name a:visited { color:#fff3f7; text-decoration: none !important;}
.talent_box02 li.name a:hover { color:#fff3f7; opacity:0.7; text-decoration: none !important;}
.talent_box02 li.name a:active { color:#fff3f7; text-decoration: none !important;}
.talent_box02 ul.btn_profile { margin-top:28px;}
.talent_box02 ul.btn_profile02 li { margin-top:5px;}

#archive-artist { width:673px; min-height:600px; margin:0px 0 30px 0;}
.talent_h3 {height:40px; padding-top:20px; clear:both; font-size:16px; color:#b8adb3; }
.talent_h3 h3{ margin-left:10px;}
 
#archive-link { min-height:600px;} 
#archive-link table.style { width: 500px; border-collapse: collapse; margin:10px 0 0 5px;}
#archive-link table.style th { text-align: center; padding: 8px 10px;}
#archive-link table.style tr td { width: 385px; text-align: left; padding: 8px 10px;}

#page-contact .contact_top { width:673px; min-height:500px; margin:0px 0 30px 0; padding:20px 10px;}
#page-contact .contact_top h3{ font-size:16px;}
#page-contact .contact_top ul{ font-size:103%; margin-top:10px;}
#page-contact .contact_top li{ background: url(./common/images/contact_li.jpg) no-repeat 1px 7px; padding: 7px 0 0 20px; color:#f26091;}
#page-contact .contact_top .contact_btn{ margin-top:30px;}

#page-contact .page-form h3{ font-size:16px;}
#page-contact .page-form ul{ height:25px; padding-top:20px ;}
#page-contact .page-form ul li{ float:left; margin-left:10px; line-height:1.3em;}
#page-contact table{ width:550px; border-collapse: separate; border-spacing:0 10px; white-space:nowrap;}
#page-contact th{ width: 150px; height:20px; background-color:#d4bdc5; margin-bottom:10px; margin:3px 0px; padding: 12px 10px; clear: both; font-size: 12px; text-align: left; line-height:1.7em; display:inline-block; table-layout: fixed;}
#page-contact th.mess_last{ width: 160px; height:143px; background-color:#d4bdc5; font-size: 12px; padding: 10px 0px 10px 10px; text-align: left; line-height:1.7em; display:inline-block; table-layout: fixed;}
#page-contact td{ width: 400px; padding-left:15px; height:30px; font-size: 12px; line-height: 1.3em; text-align: left; table-layout: fixed; zoom: 1;}
#page-contact .btn{ clear:both;}
#page-contact span.red{ color:#F00;}
#page-contact p{ clear:both;} 
#page-contact .wpcf7-form-control.wpcf7-submit{ display: block; width: 150px; height: 34px; border: none; margin:20px 0 0 180px; text-indent: -9999px; background: url(./common/images/btn_send.jpg) top left no-repeat;}
#page-contact .wpcf7-form-control.wpcf7-submit:hover{ display: block; width: 150px; height: 34px; border: none; text-indent: -9999px; background: url(./common/images/btn_sendon.jpg) top left no-repeat;}

#page-contact .contact_thanks h3{ font-size:16px; margin-bottom:16px;}
#page-contact .contact_thanks { width:673px; min-height:500px; margin:0px 0 30px 0; padding:20px 10px;}
#page-contact .contact_thanks p{ color:#f26091;}
#page-contact .contact_thanks img{ margin-top:30px;}

/* =========================================================
◆Foot
========================================================= */

#footer_area { width:100%; min-height: 145px; height:100%; background: #afa2a9; margin-top:90px; clear:both; position:relative; color:#fff;}
.footer_inner { width: 890px; height: 145px; background: #afa2a9; margin:0 auto; position:relative;}

.copy_area { position:absolute; top:15px; line-height:1.1em;}
.copy_area ul li{ font-size:10px;}

.contact_area { position:absolute; top:41px; right:0px;}



/* =========================================================
◆CLEARFIX
========================================================= */
#Gnav ul:after,
#Foot ul:after,
#dirPath ul:after,
#Head #headR:after,
#Head ul:after,
#Head:after,
#Main:after,
#Main_inner:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#Gnav ul,
#Foot ul,
#dirPath ul,
#Head #headR,
#Head ul,
#Head,
#Main,
#Main_inner        { min-height: 1px; }
* html #Gnav ul,
+ html #Foot ul,
* html #dirPath ul,
* html #Head #headR,
* html #Head ul,
* html #Head,
* html #Main,
* html #Main_inner { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }