@charset "UTF-8";
@import url("base.css");

/*******************************************************************
body , wrapper , container , etc 
*******************************************************************/
body{
	background: url(/images/commons/header/header_repeat_bg.jpg) repeat-x;
	background-color: #fafafa;
}
div#wrapper {
	width:920px;
	margin:20px auto;
}
div#container {
	margin:0 auto;
	text-align:left;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*******************************************************************
header style
*******************************************************************/
div#header {
	width: 1000px;
	margin: 0 auto;
	background: url(/images/commons/header/header_center_bg.jpg) no-repeat;
}
div#header-inner {
	margin: 0 auto;
	width: 920px;
}
div#header-inner ul#gnavi {
	margin-top:25px;
	float:right;
}
div#header-inner ul#gnavi li {
	float:left;
	margin:5px 0 0 20px;
}
div#header-inner ul#gnavi li.special {
	margin-top:0px;
}
div#header-inner div#header-navi{
	height:86px;
}
div#header-inner div#header-navi h1{
	margin-top:9px;
	float:left;
}
#pankuzu {
	background: url(/images/commons/header/pankuzu_bg.gif) no-repeat;
	margin-top:10px;
	padding-top: 0.4em;
	padding-left: 28px;
	height: 24px;
	overflow: hidden;
	font-size: 11px;
	line-height: 34px;
}
#pankuzu li {
	color: #999;
	float: left;
}
#pankuzu li a {
	color: #40C0D7;
	text-decoration: none;
}
#pankuzu li a:hover {
	text-decoration: none;
}


/*******************************************************************
sidebar style
*******************************************************************/
div#index-sidebar {
	float: right;
	width:250px;
}
div#sidebar {
	float: right;
	width:258px;
	text-align:right;
}
#photocap-header {
	position:relative;
}
#photocap-footer {
	margin-bottom:10px;
}
#fukidashi {
	position:absolute;
	overflow:hidden;
	left:-27px;
	top:-15px;
}
div#index-sidebar div#entry {
	padding:0 5px;
	background-color: #eee;
}

div#index-sidebar div#entry div.ttl{
	font-weight:bold;
	padding:6px 0;
}
div#index-sidebar div#entry div#entry-caption {
	font-size:12px;
	line-height:1.5em;
	padding:5px 5px 0 5px;
	background-color: #fff;
}
div#index-sidebar div#entry div#meta {
	padding:10px 5px 0 5px;
	background-color: #fff;
}
div#index-sidebar div#entry div#meta div#date {
	float:left;
	font-size:9px;
	color:#2CB8D1;
}
div#index-sidebar div#entry div#meta a{
	float:right;
}
div.banner {
	margin-bottom:10px;
	float:right;
}
div#sidebar ul.sidenavi{
	width:258px;
	margin-bottom:20px;
}
div#sidebar ul.sidenavi li{
	float:right;
}
div#sidebar ul.sidenavi li img{
	display: block;
}


/*******************************************************************
footer style
*******************************************************************/
div#footer {
	background: url(/images/commons/footer/to_page_top_bg.gif) repeat-x;
	background-color: #fff;
	width:auto;
	margin-top:20px;
	padding:0 0 15px 0;
}
div#footer #topagetop {
	width:920px;
	margin:0 auto;
}
div#footer #topagetop a{
	float:right;
}
div#footer div#footer-inner {
	padding-top:30px;
	text-align:left;
	margin:0 auto;
	width: 940px;	
}
div#footer-inner div#navi{
	float:right;
}
div#footer-inner div#navi div.menu{
	margin-left:26px;
	text-align:left;
	float:left;
	width:200px;
}
div#footer-inner div#navi div.menu ul{
	margin-top:20px;
	text-align:left;
	float:left;
	width:200px;
}
div#footer-inner div#navi div.menu ul li{
	font-size:12px;
	margin-bottom:5px;
	padding-bottom:3px;
	background: url(/images/commons/footer/under_line_200.jpg) no-repeat;
	background-position:left bottom;
}
div#footer-inner div#navi div.menu ul li a{
	padding-left:14px;
	background: url(/images/commons/footer/icon_right_arrow.gif) no-repeat;
	line-heght:1.5em;
	background-position: 0 0;
}
div#copyright {
	text-align:left;
	padding: 2px;
	line-height: normal;
	float:left;
}
div#copyright p {
	color: #999;
	font-size: 10px;
}
div#copyright p#company {
	font-size:12px;
}
div#copyright p#inquery_navi{
	font-size:12px;
	padding-left:17px;
	background: url(/images/commons/footer/icon_mail.gif) no-repeat;
	background-position: 0 0.3em;
}
div#copyright span {
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}


/*******************************************************************
top page  style
*******************************************************************/
div#top-contents {
	float:left;
	width:640px;
}
div#top-contents ul {
	margin-bottom:40px;
	padding:0;
}
div#top-contents ul li {
	float:left;
}
div#top-contents ul li img{
	display:block;
}
div.title {
	margin-bottom:15px;
}


/*******************************************************************
about us  style
*******************************************************************/
div#contents {
	float:left;
	width:640px;
	padding-left:10px;
}
div#contents-business {
	float:left;
	width:640px;
}
div#contents-business-inner {
	padding-top:10px;
	padding-left:10px;
}
.column-image{
	float:left;
	margin-right:15px;
}
.column-title{
	font-size:13px;
	font-weight:bold;
	color: #40C0D7;
	padding-bottom:4px;
}
div.column  {  
	width: 600px;  
	background: url(/images/about/column_bg_bottom.gif) no-repeat bottom;  
	margin-bottom: 40px;  
}  

div.column .inner   {
	background: url(/images/about/column_bg_top.gif) no-repeat;  
	padding: 15px 15px;  
}  
div.column .inner p {
	font-size:11px;
	line-height:170%;
	color:#333;
}
div#about dl {
	font-size:13px;
	line-height:170%;
	color:#333;
	width:600px;
	position: relative;
	margin-bottom:40px;
}
div#about dl dt {
	padding:0.8em 0 0.8em 0.5em;
	position: absolute;
	left: 0;
	width: 10em;
}
div#about dl dd {
	padding:0.8em 0.2em 0.8em 10em;
	border-bottom: dotted 1px #ccc;
}


/*******************************************************************
concept style
*******************************************************************/
div#concept{
	margin-top:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:610px;	
}
span.strong{
	font-size:15px;
	font-weight:bold;
}


/*******************************************************************
recruit style
*******************************************************************/
div#recruit{
	margin-top:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:610px;	
}


/*******************************************************************
inquiry style
*******************************************************************/
div#inquiry{
	margin-top:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:610px;	
}
div#inquiry h2{
	margin-top:30px;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}
div#inquiry div#flow{
	margin-top:20px;
}
div.question {
	border-left:1px solid #40C0D7;
	padding-left:20px;
	margin-left:15px;
}
div.question ul li{
	margin-top:5px;
}
div.question dl {
	font-size:13px;
	line-height:170%;
	color:#333;
	width:600px;
	position: relative;
	margin-bottom:40px;
}
div.question dl dt {
	padding:0.4em 0 0.4em 0;
	position: absolute;
	left: 0;
	width: 10em;
}
div.question dl dd {
	padding:0.4em 0.2em 0.4em 10.4em;
}
span.required{
	color: #40C0D7;
	font-weight:normal;
}
div#legalcheck {
	width:600px;
	text-align:center;
	background: url(/images/inquiry/inquiry_legalcheck_bg.gif) no-repeat;  
	padding:15px 0;  
} 
div#confirm {
	width:600px;
	text-align:center;
	padding:20px 0;  
}
div#back {
	width:200px;
	float:left;
	padding:20px 0 20px 100px;  
} 
div#confirm2 {
	width:200px;
	float:right;
	padding:20px 100px 20px 0;  
} 


/*******************************************************************
wallpaper style
*******************************************************************/
div#wallpaper{
	margin-top:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:600px;	
}
div#wallpaper .left{
	float:left;
	margin-right:30px;
}
div#wallpaper .right{
	float:right;
}
div.picture{
	background: url(/images/wallpaper/wallpaper_bg.gif) no-repeat;  
	padding:10px;  
}
div#wallpaper .btn{
	float:left;
	margin-top:5px;
	margin-right:5px;
	_margin-right:3px;
}
.descripton .inner h4{
	font-size:12px;
	margin-top:20px;
	margin-bottom:8px;
}
.descripton-title{
	font-size:15px;
	font-weight:bold;
	color: #40C0D7;
	padding-bottom:4px;
}
div.descripton  {  
	width: 600px;  
	background: url(/images/about/column_bg_bottom.gif) no-repeat bottom;  
	margin-top:40px;  
}
div.descripton .inner   {
	background: url(/images/about/column_bg_top.gif) no-repeat;  
	padding: 15px 15px;  
}
div.descripton .inner p {
	font-size:11px;
	line-height:170%;
	color:#333;
}


/*******************************************************************
whats 045 style
*******************************************************************/
.fstyle{
	font-size:13px;
	line-height:150%;
	padding: 63px 50px 0 155px; 
	margin:0;
}
#p01{
	background: url(/images/whats045/whats045_bg_01.jpg) no-repeat;  
	height:130px;
}
#p02{
	background: url(/images/whats045/whats045_bg_02.jpg) no-repeat;  
	height:146px;
}
#p03{
	background: url(/images/whats045/whats045_bg_03.jpg) no-repeat;  
	height:146px;
}
#p04{
	background: url(/images/whats045/whats045_bg_04.jpg) no-repeat;  
	height:130px;
}
#p05{
	background: url(/images/whats045/whats045_bg_05.jpg) no-repeat;  
	height:170px;
}
*html body #p01{
	height:190px;
}
*html body #p02{
	height:206px;
}
*html body #p03{
	height:206px;
}
*html body #p04{
	height:190px;
}
*html body #p05{
	height:230px;
}


/*******************************************************************
think 045 style
*******************************************************************/
#page-explain img.imgright{
	float:right;
	margin-top:-30px;
	_margin-top:0px;
}
#page-explain{
	width:600px;
	margin-top:20px;
}
#page-explain p{
	width:370px;
	font-size:13px;
	line-height:150%;
	margin-top:10px;
	margin-right:20px;
}
#page-elements{
	width:602px;
	height:1062px;
	margin-top:30px;
	text-align:center;
	clear:both;
	background: url(/images/think/think_elements_bg.gif) no-repeat;  
	background-position:0 167px;
}
#element-images{
	height:150px;
	margin-top:470px;
	margin-bottom:30px;
}
#element-images #image{
	width:275px;
	height:140px;
	float:right;
}
#element-images #image img{
	margin:auto;
}
#page-elements table{
	margin: 0 auto;
}


/*******************************************************************
mailmagazine style
*******************************************************************/
div#mailmag{
	position: relative;
}
p#mailmag-explain{
	width:600px;
	font-size:13px;
	line-height:150%;
	margin-top:10px;
	margin-bottom:20px;
}
img#step-title{
	margin-bottom:10px;
}
img#step1{
	margin-top:20px;
}
div#step2{
	position: absolute;
	left:460px;
	top:835px;
}
img#step-explain{
	margin-top:50px;
}


/*******************************************************************
privacy + legal style
*******************************************************************/
div#guide{
	margin-top:40px;
	margin-bottom:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:610px;	
}
div#guide h3{
	font-size:13px;
	margin-top:30px;
	margin-bottom:10px;
}
div#guide h4{
	font-size:13px;
	margin-top:20px;
}
div#guide ol{
	margin-top:15px;
	margin-bottom:10px;
	_margin-left:10px;
}


/*******************************************************************
sitemap style
*******************************************************************/
div#sitemap{
	margin-top:40px;
	margin-bottom:20px;
	font-size:13px;
	line-height:180%;
	color:#333;
	width:610px;	
}
div#sitemap dl {
	color:#333;
	width:600px;
	position: relative;
	margin-bottom:40px;
}
div#sitemap dl dt {
	padding:1.5em 0 1.5em 0.5em;
	position: absolute;
	left: 0;
	width: 10em;
}
div#sitemap dl dd {
	padding:1.5em 0.2em 1.5em 14em;
	border-top: dotted 1px #ccc;
}
div#sitemap ul li{
	margin-bottom:3px;
	padding-bottom:3px;
}
div#sitemap ul li a{
	padding-left:1.5em;
	background: url(/images/commons/footer/icon_right_arrow.gif) no-repeat;
	line-heght:2em;
	background-position: 0 0;

}
div#sitemap ul.special li{
	height:40px;
	padding-top:0.7em;
	padding-left:1.5em;
	padding-bottom:10px;
	background: url(/images/guide/sitemap_contents_bg.gif) no-repeat;
	_margin-top:20px;
}
div#sitemap ul.special li a{
	line-heght:2em;
	background:none;
	background-position: 0 0;
}


/*******************************************************************
blog style
*******************************************************************/
div#blog-sidebar {
	float: right;
	width:250px;
	text-align:left;
}
div#blog-sidebar a{
	color: #333;
}

div#blog-sidebar a:hover{
	color: #40C0D7;
}

div#blog-sidebar h3{
	font-size:13px;
	margin-bottom:15px;
}

div#blog-sidebar ul li{
	font-size:13px;
	margin-bottom:4px;
}
div#blog-sidebar div#category-list{
	margin:20px 0 30px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
}
div#blog-sidebar div#entry-list{
	margin:20px 0 0 0;
	padding:0;
}
div#blog-sidebar div#monthly-list{
	padding:0 0 25px 0;
	margin:0 0 30px 0;
	border-bottom:1px dotted #ccc;
}
div#blog-sidebar div#monthly-list select{
	width:170px;
}
div#blog-sidebar div#blog-search{
	margin:20px 0 50px 0;
}

div#contents-blog {
	float:left;
	width:640px;
	font-size:13px;
	line-height:1.5em;
}
div#contents-blog a{
	color: #333;
}
div#contents-blog a:hover{
	color: #40C0D7;
}
div#contents-blog .entry{
	clear:both;
	padding-top:20px;
	border-top:1px dotted #ccc;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

div#contents-blog .entry-top{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	border-bottom:1px dotted #ccc;
}
div#contents-blog h2{
	font-size:13px;
}
div#contents-blog h1{
	font-size:13px;
}
div#contents-blog .entry-text{
	width:380px;
	float:right;
	height:100%;
}
div#contents-blog .entry-body{
	margin-top:10px;
	padding-bottom:30px;
}
div#contents-blog .entry-meta{
	font-size:10px;
	position:absolute;
	bottom: 0;
	right: 0;
	width:380px;
}
div#contents-blog .entry-top .entry-meta{
	padding-bottom:10px;
}
div#contents-blog .entry-meta .entry-date{
	color: #40C0D7;
	float:right;
}
div#contents-blog .entry-meta .entry-category{
	color: #999;
	float:left;
}
div#contents-blog #entry-list-footer{
	width:640px;
	border-top:1px dotted #ccc;
	margin-top:20px;
	padding-top:5px;
	font-size:13px;
}
div#contents-blog #entry-list-footer #prev{
	float:left;
}
div#contents-blog #entry-list-footer #next{
	float:right;
}
div#contents-blog .blog-category-title{
	padding-top:20px;
	margin-bottom:10px;
}
div#contents-blog .blog-category-description{
	font-size:13px;
}