/*
Theme Name: Portfolium
Author URI: http://www.wpshower.com
Description: Portfolium is a clean and flexible Wordpress grid-based portfolio theme designed in a modern & minimalist style. Portfolium is ideal for designers, artists, photographers, and other creative specialists who require a professional portfolio theme. Portfolium theme is coded in valid CSS and HTML and compatible with all browsers. It supports all Wordpress 3.0 features and gives you extra flexibility.
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, portfolio, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent; letter-spacing: 1px; color: #777;}
body{}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/



.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}
.wrapper {width: 975px; min-height: 100%; position: relative; padding-left: 30px;}

/*** Header ***/



/*** Pagination ***/

.pagination {float:left; width:100%;}
.pagination_ctrl {height: 30px; width: 145px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}




.pagination_pages {height: 30px; line-height: 30px; float: right; margin-right:30px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #333; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #ccc;}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #333!important;
}



/*** new ***/


*{
margin:0; padding: 0;
}

ul, li{
list-style: none;
}

a img {
    border-style:none;
	
}

a{
color: #777;
cursor:pointer;
}


a:hover{
color: #999;
}




body {
	font-family: "メイリオ","Meiryo";
	font-size: 11px;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
	color: #777;
	letter-spacing:1px;
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	border-bottom: 20px solid #fff;
background: #f9eaeb;

}



a {
text-decoration: none;
}


#header{

position: fixed;

z-index:9999;
width: 100%;
border-top: 20px solid #fff;
}

.header_inner{
width:980px;
height: 62px;
margin: 0px auto;
padding: 18px 0;
position:relative;
left: -20px;
background: #f9eaeb;
}

.logo{
float:left;
margin-top:10px;
}

.main_menu{

}




#wrapper{
width:940px;
overflow:hidden;
margin: 0px auto;
border: 20px solid #fff;
background: #fff;
margin-bottom: 30px;
padding-top: 120px;
}

.main_menu {
float: right;
margin-top:44px;
}

.main_menu li{
float: left;
}

.sub_title{
margin-top:18px;
overflow:hidden;
}

.sub_title li{
float: left;
}

.top_contents{
position: relative;
height: 280px;
border-bottom: 1px solid #ccc;
margin-top: 20px;
}


.top_about{
float: left;
width: 220px;
margin-right: 20px;
border-top: 1px solid #ccc;
}

.tmslogo{
margin-top: 10px;
font-size: 14px;
}

.about_subtitle{
font-size: 13px;
}

.about_text{
margin-top: 10px;
}


.about_line{
border-top: 1px solid #ccc;
width: 25px;
margin: 20px 0;
}



.top_news{
float: left;
width: 220px;
margin-right: 20px;
border-top: 1px solid #ccc;
}

.top_news ul{
margin-top: 10px;
}





.top_works{
overflow:hidden;
float: left;

}


#works_thums{
width: 960px;
overflow:hidden;
}


#works_thums{
width: 960px;
}



#works_thums ul{
float: left;
margin-right: 20px;
margin-bottom: 20px;
height: 260px;
width: 220px;
}


.top_services_workfollow{
float: left;
width: 460px;
border-top: 1px solid #ccc;
}

.top_services{
float: left;
width: 220px;
margin-right: 10px;
}


.top_services ul{
margin-top: 20px;
}

.abouttext{
margin-top: 15px;
}

.top_services li{
float: left;
}



.top_services_workfollow_line{
border-left: 1px solid #ccc;
float: left;
width: 1px;
height: 230px;
margin-top: 20px;

}


.top_workfollow{
float: left;
width: 217px;
margin-left: 10px;
}

.workfollowtext{
margin-top: 15px;
}

.workfollow_image{
margin-top: 15px;
}

.workfollow_image img{
width: 140px;
height: 140px;
}






#footer{
width:940px;
margin: 0px auto 60px;
overflow: hidden;
}

#footer_inner {
width:960px;
}

#footer_inner ul{
float: left;
width: 220px;
border-top: 1px solid #ccc;
margin-right: 20px;
letter-spacing: 0px;
}

#footer_inner .footer_title{
margin-top:10px;
margin-bottom:15px;
}

#footer_inner .footer_title_connect{
margin-top:10px;
margin-bottom:9px;
}

#footer_inner .footer_text{
margin-bottom:5px;
letter-spacing: 0px;
}


.page{
margin-top:10px; 
}


.works_single{
overflow:hidden;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-top: 50px;
}

.works_photo{
float: left;
}

.works_text{
float: left;
margin-left: 20px;
width: 240px;
}

.works_text .title{
font-size: 18px;
margin-bottom: 20px;
}

.works_text .note p{
margin-bottom: 10px;
}


#news_thums{
width: 650px;
float: left;
}

#news_thums #news_contents{
border-bottom: 1px solid #ccc;
margin-bottom:20px;
padding-bottom:15px;
overflow:hidden;
}

.news_left{
float: left;
}

.news_right{
float: left;
margin-left:20px;
width: 470px;
}

.news_right .cate{
}

.news_right .title{
margin-top:10px;
font-size: 18px!important;
}

.news_right .title a{
font-size: 18px!important;
}


.news_right .note{
margin-top:10px;
}

.news_right .readmore{
margin-top:10px;
}

#news_single{
width: 650px;
float: left;
margin-bottom: 40px;
}

#news_single .title{
font-size: 18px;
}

#news_single .date{
margin-top:10px;
}

#news_single .note{
margin-top:10px;
}




#sidebar{
float: left;
margin-left: 50px;
right: 30px;
}

#sidebar ul{
margin-bottom:20px;
}

#sidebar .title{
margin-bottom:10px;
}

#sidebar li{
margin-bottom:5px;
}


.service_page{
overflow: hidden;
margin:0 auto;
width: 100%;
}

#service_top {
width: 630px;
overflow: hidden;
margin:0 auto 310px;
}

.service_page ul li{
float:left;
}

.service_page_line{
margin: 0 20px;
}

.service_under{
margin-top: 30px;
overflow: hidden;
}

.service_under{
margin-top: 30px;
overflow: hidden;
}

.about{
overflow: hidden;
margin-bottom: 40px;
padding-top: 150px;
margin-top:-150px;
}

.about a{
color:#66cdaa;
}

.about a:hover{
color: #999;
}


.about .left{
float: left;
width: 148px;
}

.about .right{
float: left;
width: 769px;
padding-left: 20px;
border-left: 1px solid #ccc;
min-height: 160px;
}

.about .title{
font-size: 18px;
margin-bottom: 20px;
width: 100%;
}

.about .note{
font-size: 12px;
}

















.pagination {padding: 20px 0 0 30px; color: #aaa9a9; font-size: 12px; clear: both; position: relative;}
.pagination a {color: #000; text-decoration: none;}
.pagination a:hover {text-decoration: underline;}
.pagination .nextpostslink {position: absolute; right: 0; top: 17px; line-height: 21px; text-transform: uppercase; background: url("images/nextpostslink.png") 100% 0 no-repeat; padding-right: 36px;}
.pagination .previouspostslink {position: absolute; left: 30px; top: 17px; line-height: 21px; text-transform: uppercase; background: url("images/previouspostslink.png") 0 0 no-repeat; padding-left: 36px;}
#pagination {padding: 20px 0 0 30px;}
#pagination .nextpostslink {color: #000; text-decoration: none; display: block; padding: 9px 0; text-align: center; font-size: 14px;}
#pagination .nextpostslink:hover {background-color: #FFEA97; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pagination .loading {background: url("images/loading.gif") 240px 9px no-repeat; color: #555;}
#pagination .loading:hover {background-color: transparent !important; cursor: default;}


.post-navigation {width: 650px; border-top: 1px solid #ccc; padding-top:20px; margin-top: 40px; position: relative;}
.post-navigation a {display: block; color: #000; font: 11px Helvetica, Arial, sans-serif; text-decoration: none; line-height: 1.5;}
.post-navigation a:hover {text-decoration: none;}
.post-navigation a em {display: block; color: #aaa9a9; }
.post-navigation a:hover span {text-decoration: underline;}
.post-prev {width: 250px; min-height: 40px; padding-left: 30px; float: left; text-align: left; background: url("../images/post_prev.png") 0 50% no-repeat;}
.post-next {width: 250px; min-height: 40px; padding-right: 30px; float: right; text-align: right; background: url("../images/post_next.png") 100% 50% no-repeat;}

.line {width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; left: 320px;}



.sub_cate{
margin-left: 5px;
}














#about_profile{
overflow:hidden;
margin-top:10px;
}




#about_profile .right{
float: left;
margin-left: 30px;
}

#about_office{
overflowhidden;
line-height: 180%;
margin-top:40px;
margin-bottom:40px;
border-top: 1px solid #ccc;
}

#about_office .office_top{
margin-top:20px;
margin-bottom:20px;
}

#about_office .office_bottom{
margin-top:20px;
margin-bottom:20px;
}

#about_office .title{
font-size: 18px;
margin-bottom:10px;
line-height:130%;
}

#about_office .note{
font-size: 12px;
margin-left:15px;
}

#about_office a{
color: #66cdaa;
}

#about_office a:hover{
color: #999;
}







#works_images ul {
float: left;
margin-right: 20px;
margin-bottom: 20px;
height: 200px;
}


.works_photo ul li{
float:left;
margin-right:20px;
margin-bottom:18px;
}

.works_photo {
width: 680px;
}


.contact_access{
overflow:hidden;
margin-top:20px;
border-bottom: 1px solid #ccc;
padding-bottom:40px;
}

.map_left{
float: left;
margin-left: 110px;
margin-top: 100px;
}

.map_left li {
margin-bottom: 10px;
line-height: 200%;
}

.map_right{
float: right;
width: 520px;
}



.contact_form{
margin-top: 40px;
overflow:hidden;
}


.contact_left {
float: left;
width: 350px;
}

.contact_left li {
margin-bottom: 10px;
line-height: 200%;
}

.contact_right {
float: right;
width: 520px;
}

.contact_right input, textarea, select {
background-color: white;
border: 1px solid #DEDFE0;
color: #555;
float: left;
outline: none;
padding: 5px;
width: 505px;
margin-bottom: 20px;
}


.contact_right input[type="submit"] {
background: #E6E6E6;
cursor: pointer;
height: 30px;
width: 520px;
margin-top: 0px;
font-family: Helvetica, Arial, sans-serif!important;
letter-spacing: 1px;
}

.required{
color: #f00!important;
}


div.wpcf7-mail-sent-ok {
border: 1px solid #66cdaa!important;
float: left!important;
width: 480px!important;
text-align: center!important;
}

div.wpcf7-validation-errors {
border: 1px solid #ff0000!important;
float: left!important;
width: 480px!important;
text-align: center!important;
color: #ff0000!important;
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00!important;
font-size: 11px!important;
display: block!important;
}













#schedule_page a{
color: #66cdaa;
}

#schedule_page a:hover{
color: #999;
}

#schedule_page ul{
overflow:hidden;
}

#schedule_page li{
float:left;
padding: 10px;
}

#schedule_page .time{
background-color: #fff;
width:94px;
border-right: 1px dashed #ccc;
}

#schedule_page .title{
background-color: #fff;
width:159px;
border-right: 1px dashed #ccc;
}

#schedule_page .detail{
background-color: #fff;
width:358px;
border-right: 1px dashed #ccc;
overflow:hidden;
}

#schedule_page .money{
background-color: #fff;
width:246px;
}


.schedule_title li{
text-align:center;
font-size: 14px;
}

.schedule_obi{
padding:30px 0;
text-align:center;
border: 5px solid #ccc;
}

.obi_step01{
background: url(../images/pattern02.png) #deb9b4;
background-repeat: repeat;
}

.obi_step02{
background: url(../images/pattern02.png) #e0d8b7;
background-repeat: repeat;
}

.obi_step03{
background: url(../images/pattern02.png) #b7e0bd;
background-repeat: repeat;
}

.obi_step04{
background: url(../images/pattern02.png) #b7d0e0;
background-repeat: repeat;
}

.obi_step05{
background: url(../images/pattern02.png) #e8e7de;
background-repeat: repeat;
}


.schedule_content .time{
text-align:center;
}


.schedule_content .time{
padding:20px!important;
width:74px!important;
}


.schedule_content .title{
padding:20px!important;
width:139px!important;
}

.schedule_content .detail{
padding:20px!important;
width:338px!important;
}


.schedule_content .money{
padding:20px!important;
width:226px!important;
}



.schedule_content .title p{
padding:20px!important;
text-align:center;
background: url(../images/pattern02.png) #f4f4f4;
background-repeat: repeat;
font-size: 13px;
color: #555;
}

.schedule_content .title p span{
color: #555;
}


.link_page{
margin-top: 30px;
}













.center{
text-align: center;
}

.textbold{
font-weight: bold;
}