@charset "utf-8";
/*
Theme Name: TakePhotoSystems
Author: TAG PANDA
Author URI: http://www.tagpanda.co.jp/
Version: 1.0
*/

/********************************************************
	TAG PANDA Template
	This stylesheet provides styles for all HTML layout.
	
	[style.css]
	
	Last renewal date: 2009/06/02
*********************************************************/


/* -------------------------------------------------------
	[info]
	name : style.css
	desc : MainContents指定CSS
	
	01. concept
	02. lineup
	03. company
	04. privacypolicy
	05. recruit
	06. retouch
	07. sitemap
	08. contact
	09. FAQ
-------------------------------------------------------- */

#mainContents {
	width:635px;
	float:right;
}
#mainContents p,
#mainContents dt,
#mainContents dd,
#mainContents th,
#mainContents td,
#mainContents li {
	letter-spacing:0.05em;
	line-height:1.8;
}




/*	01. concept
--------------------------------------------------*/
#mainContents p#concept_txt {
	width:575px;
	margin:65px 30px;
}

#mainContents ul#concept_tps {
	width:575px;
	margin:0 auto;
}

#mainContents ul#concept_tps li {
	width:185px;
	float:left;
}

#concept_txt{
	width:575px; 
	margin:66px auto;
}

#concept_txt #concept_messageTop  {
	font-size:195%;
	letter-spacing:0.05em;
}
#concept_txt #concept_message1 {
	font-size:210%;
	letter-spacing:0.8em;
}
#concept_txt #concept_message2 {
	font-size:210%;
	letter-spacing:0.55em;
}
#concept_txt #concept_message3 {
	font-size:210%;
	letter-spacing:0.33em;
}

#concept_link{
	text-align:center; 
	margin:17px auto 0;
}   

#concept_txt p{
	margin-top:64px;
	font-size:14px;
	line-height:2em;
	letter-spacing:0.1em;
}


/*	concept hover btn
-------------------------*/
#thema_btn a:hover {background-color:#fff;}
#thema_btn a:hover img {visibility:hidden;}
#thema_btn a {
	width:185px;
	height:185px;
	display:block;
	background:url(../../uploads/concept_t_o.gif) no-repeat;
}
#policy_btn a:hover {background-color:#fff;}
#policy_btn a:hover img {visibility:hidden;}
#policy_btn a {
	width:185px;
	height:185px;
	display:block;
	background:url(../../uploads/concept_p_o.gif) no-repeat;
}
#strong_btn a:hover {background-color:#fff;}
#strong_btn a:hover img {visibility:hidden;}
#strong_btn a {
	width:185px;
	height:185px;
	display:block;
	background:url(../../uploads/concept_s_o.gif) no-repeat;
}



/*	02. lineup
--------------------------------------------------*/
#main_txt {
	width:575px;
	margin:33px auto;
}
#main_txt .lineupImg {
	margin:45px 0 5px;
}



.index_bo {
	margin:10px 0;
	padding-top:10px;
	border-top:1px solid #999;
}
.index_bo dt {
	margin-bottom:10px;
	font-weight:bold;
}
.btn_img {
	float:left;
	margin:0 15px 10px 0;
	padding:5px;
	border:1px solid #ccc;
}

#rec01,
#rec02,
#rec03 {
	width:182px;
	float:left;
}
#rec01 {margin-right:10px;}
#rec02 {margin-right:10px;}


.index_bo strong {
	color:#333;
}
.index_bo_last {
	padding-bottom:10px;
	border-bottom:1px solid #999;
}


#left_in {
	width:410px;
	float:left;
	padding:35px 0 35px 30px;
}
#left_in dd {
	margin:15px 30px 35px 18px;
}
#right_in {
	width:150px;
	float:left;
	padding:35px 30px 35px 15px;
}




#lineup01 a:hover {background-color:#fff;}
#lineup01 a:hover img {visibility:hidden;}
#lineup01 a {
	width:575px;
	height:200px;
	display:block;
	background:url(../../uploads/txt_linenup01_o.gif) no-repeat;
}

#lineup02 a:hover {background-color:#fff;}
#lineup02 a:hover img {visibility:hidden;}
#lineup02 a {
	width:575px;
	height:200px;
	display:block;
	background:url(../../uploads/txt_linenup02_o.gif) no-repeat;
}

#lineup04 a:hover {background-color:#fff;}
#lineup04 a:hover img {visibility:hidden;}
#lineup04 a {
	width:575px;
	height:200px;
	display:block;
	background:url(../../uploads/txt_linenup04_o.gif) no-repeat;
}

#lineup03 a:hover {background-color:#fff;}
#lineup03 a:hover img {visibility:hidden;}
#lineup03 a {
	width:575px;
	height:200px;
	display:block;
	background:url(../../uploads/txt_linenup03_o.gif) no-repeat;
}



/*	03. company
--------------------------------------------------*/
#mainContents .company_title {
	margin:39px 0 23px 30px;
}
#mainContents .company {
	margin:0 auto;
	width:575px;
}
#mainContents .company .bg_01 {
	background:#ebebf3;
}
#mainContents .company th {
	width:70px;
	text-align:left;
}
#mainContents .company th, td {
	padding:8px;
	vertical-align:top;
}


/*	04. privacypolicy
--------------------------------------------------*/
#main_txt .pp_disc li {
	margin-left:18px;
	list-style:disc;
}

/*	05. recruit
--------------------------------------------------*/
#main_txt ol li {
	margin-left:23px;
}
* html #main_txt ol li {
	margin-left:25px;
}
*:first-child+html #main_txt ol li {
	margin-left:25px;
}

/*	06. retouch
--------------------------------------------------*/
.retouch_Limg {
	width:280px;
	float:left;
}
.retouch_Rimg {
	width:280px;
	float:right;
}

/*	07. sitemap
--------------------------------------------------*/
#sitemap #home {
	margin-bottom:20px;
}

#sitemap a:link {
	color: #707070;
	text-decoration: none;
}
#sitemap a:visited {
	color: #707070;
	text-decoration: none;
}
#sitemap a:hover, #sitemap a:focus, #sitemap a:active {
	color: #707070;
	text-decoration: underline;
}


#sitemap h3 a:link,
#sitemap h4 a:link {
	color: #333;
	text-decoration: none;
}
#sitemap h3 a:visited,
#sitemap h4 a:visited {
	color: #333;
	text-decoration: none;
}
#sitemap h3 a:hover, #sitemap h3 a:focus, #sitemap h3 a:active,
#sitemap h4 a:hover, #sitemap h4 a:focus, #sitemap h4 a:active {
	color: #707070;
	text-decoration: underline;
}


#sitemap h3 {margin-bottom:4px;}
#sitemap h3 a {
	margin-bottom:6px;
	font-size:115%;
	font-weight:bold;
}
#sitemap h4 {margin-bottom:4px;}
#sitemap h4 a {
	font-size:100%;
	font-weight:bold;
}

#sitemap_l {
	width:185px;
	float:left;
}
#sitemap_c {
	width:210px;
	float:left;
}
#sitemap_r {
	width:169px;
	float:left;
}
#sitemap_l ul li,
#sitemap_c ul li,
#sitemap_r ul li {
	margin-bottom:4px;
	font-size:90%;
}





/*	08. contact
--------------------------------------------------*/
.wpcf7-form table {
	margin-left:20px;
}

.form_txt {
	margin-right:8px;
	margin-left:14px;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
	padding:1px 0;
	background:#f1f1ed none repeat scroll 0 0;
	border-color:#aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	border-style:solid;
	border-width:1px;
	color:#696969;
	vertical-align:middle;
}

#your-company, .your-name, #your-email, #your-message, #postalcode, #your-address2, #your-address3, #your-address4 {
	width:290px;
}

.wpcf7-form th {
	width:130px;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}
.wpcf7-form td {
	padding:0 10px 20px 0;
}

.wpcf7-form .send {
	text-align:center;
	margin-bottom:50px;
}

.wpcf7-form .send input {
	background:#4848a6 none repeat scroll 0 0;
	border-color:#7979ce #262697 #262697 #7979ce;
	border-width:2px;
	color:#FFFFFF;
	margin-left:0.5em;
	vertical-align:middle;
	width:6em;
	cursor:pointer;
}

/*	09. FAQ
--------------------------------------------------*/

.question {
	margin:0 0 10px 23px;
	padding-left:15px;
	background:url(../../uploads/img_q.gif) no-repeat left 3px;
	font-weight:bold;
	color:#25257a;
}
.answer {
	margin:0 0 55px 43px;
	padding-left:15px;
	background:url(../../uploads/img_a.gif) no-repeat left 4px;
}