@charset "UTF-8";
/*
Theme Name: キュポラボ2010
Theme URI: http://www.design-cupola.com/
Description: Webデザインキュポラボの2010年のテーマ
Version: 1.0
Author: Furukawa Kayoko
Author URI: http://www.design-cupola.com/
*/

/*-------------------------------------------------
基本スタイルシート
制作者 : 古川佳世子
作成日 : 2008年1月29日 (ver.1)
修正日 : 2009年9月30日 (ver.1.2)
-------------------------------------------------

目次 :

　・スタイル初期化
　・基本構造
　・リンク
　・ヘッダ
　・ナビゲーション
　・メインコンテンツ
　・サイドバー
　・フォーム
　・フッタ
　・その他

-------------------------------------------------*/

/* +++++++++++++++++++++++++++++++++++++++++++*/
スタイル初期化
/* +++++++++++++++++++++++++++++++++++++++++++*/

*{
	margin:0;
	padding:0;
	zoom:1;
}
html{　/*背景画像準備*/
	height: 100%;
}
html>/**/body{　/*IE7以外のモダンブラウザ*/
	overflow:-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}
* html body {　/*IE6のみ*/
}
*:first-child+html body {　/*IE7のみ*/
}
html[xmlns] body{　/*Firefox、Safari、Opera、Chrome、IE8*/
}
body{
	font-size:12px;
	color:#000000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	background: #FFFFF6;
}
p,li,dt,dl {
	line-height:1.3;
}
p {
	margin:0 0 1em 0;
}
table{
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}
th,td{
	vertical-align:bottom;
	font-weight:normal;
	text-align:left;
}
caption{
	text-align:left;
}
ul,ol,dl{
	list-style:none;
}
li{
	display:list-item;
	zoom:normal;
}
img,a img{
	vertical-align:bottom;
	border:none;
	background:transparent;
	text-decoration: none;
}
object,embed{
	vertical-align:top;
}
fieldset{
	border:none;
}
input,textarea{
	font-size:1em;
}
ul ul,ul dl,dl ul,table p,table ul,table table{
	font-size:1em;
}
*, * focus {
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0;
}
/* +++++++++++++++++++++++++++++++++++++++++++*/
/*基本構造*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background: url(img/back.jpg) no-repeat left top;
	height: 786px;
	overflow: visible;
}
.inner{
}



/*
リンク*/
a:link {
	color:#003399;
	text-decoration:none;
}
a:visited {
	color:#628BD1;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#660000;
}

/* +++++++++++++++++++++++++++++++++++++++++++*/
/*ヘッダ*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#header{ height: 85px; }
#container #header h1 a {
	background: url(img/h1.jpg) no-repeat;
	display: block;
	height: 44px;
	width: 246px;
}
#container #header h1 {
	text-indent: -9999px;
	float: left;
}
#container #header ul { padding-left: 476px; }
#container #header li {
	float: left;
}
#container #news {
	color: #333;
	font-size: 11px;
	width: 582px;
	background: url(img/news_bg.png) no-repeat right top;
	height: 40px;
	padding: 18px 10px 28px 208px;
	overflow: hidden;
	line-height: 1.3;
}
#container #news_ticker ul {
	display: none;
}
#news .readmore {
	margin:0;
	height: 13px;
	width: 47px;
}
/* +++++++++++++++++++++++++++++++++++++++++++*/
/*ナビ*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#nav{
}

/* +++++++++++++++++++++++++++++++++++++++++++*/
/*メインコンテンツ*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#mainContent {
	margin: 0 0 0 200px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-top: 37px;
} 
#main{
	padding: 20px 40px 40px 50px;
	width: 588px;
	background-color: rgba(255,255,255,0.7); 
	position: static;
}
#container #mainContent #main h3 {
	padding-top: 30px;
	padding-bottom: 15px;
}
#container #mainContent #main p,
#container #mainContent #main li,
#container #mainContent #main dl {
	color: #222;
	padding-left: 15px;
	font-size: 95%;
}

#container #mainContent #main .price_table .price_table_number {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #666666;
	width: 70px;
	text-align: right;
}
#container #mainContent #main .price_table .price_table_more {
	width: 47px;
	padding-right: 35px;
	padding-left: 10px;
	vertical-align: middle;
}
#container #mainContent #main .price_table td { padding-top: 20px; }
#container #mainContent #main .price_table { margin-bottom: 30px; }
#container #mainContent #main .faq_list li {
	background: url(img/icon_point.png) no-repeat left 15px;
	padding-left: 15px;
	padding-top: 10px;
}
#container #mainContent #main .faq_list { margin-bottom: 30px; }

#container #mainContent #main .blog_title {
	background: url(img/blog/title_bg.png) no-repeat;
	padding: 25px 20px 20px 70px;
	height: 42px;
	width: 489px;
	font-weight: normal;
	font-size: 130%;
}
#container #mainContent #main .blog_date {
	background: url(img/blog/date_bg.png) no-repeat;
	display: block;
	height: 18px;
	font-size: 90%;
	text-align: right;
	padding: 0px 80px 5px 0px;
	margin-bottom: 30px;
}
#container #mainContent #main .related {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 0px;
}
#container #mainContent #main .related h3{color: #4d4d4d; font-size: 100%;}
#container #mainContent #main .comment {
	padding: 20px;
	border: 1px solid #EBF5F6;
	font-size: 95%;
	color: #666666;
}
input, textarea {
	background: #e9f7f6;
	border: 1px solid #b3e5e1;
	font-size: 120%;
	padding: 3px;
}
input:focus, textarea:focus{
	color: #323232;
	background: #fafff8;
	border: 1px solid #b3e5e1;
}
#container #mainContent #main .comment #comments { margin-top: 30px; font: bold 100% Georgia, "Times New Roman", Times, serif; }
#container #mainContent #main .comment #postcomment {
	font-size: 120%;
	text-align: right;
	font-weight: normal;
}
#container #mainContent #main .comment #commentlist li{
	border: none;
}
#container #mainContent #main .comment #commentlist li img {
	float: left;
}
#container #mainContent #main .comment #commentlist li p {
	margin-left: 40px;
}
#container #mainContent #main .comment .trackback .trackback_url {
	font-size: 90%;
	padding: 2px;
	margin-left: 10px;
}
#container #mainContent #main .comment .trackback { font-size: 100%; }
#container #mainContent #main .post { margin-bottom: 40px; }
#container #mainContent #main .archive_title {
	color: #ADCFFB;
	font-size: 90%;
}
#container #mainContent #main .archive .blog_title {
	background: url(none);
	padding: 8px 0px 5px 10px;
	border-top: 3px double #ADCFFB;
	height: auto;
	width: 100%;
}
#container #mainContent #main .archive .blog_date {
	background: url(none);
	border-bottom: 1px dashed #ADCFFB;
	padding: 0px 0px 3px 10px;
	width: 100%;
	text-align: left;
}
/* +++++++++++++++++++++++++++++++++++++++++++*/
/*サイドバー*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	display: inline;
}
#container #sidebar1 .checked { background: url(img/checked.png) no-repeat left center; }
#container #sidebar1 .twitter {
	background: url(img/twitter_bg.gif) no-repeat center bottom;
	height: 73px;
	width: 152px;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}
#container #sidebar1 li {
	height: 26px;
	width: 197px;
	margin-bottom: 80px;
	text-indent: -9999px;
}
#container #sidebar1 a {
	height: 40px;
	width: 197px;
	display: block;
	background-image:url(img/nav-sprite01.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#container #sidebar1 .about { background-position:0px 0px; }
#container #sidebar1 .about:hover,
#container #sidebar1 .about.hover { background-position:0px -40px; }
#container #sidebar1 .price { background-position:-197px 0px; }
#container #sidebar1 .price:hover,
#container #sidebar1 .price.hover { background-position:-197px -40px; }
#container #sidebar1 .faq { background-position:-394px 0px; }
#container #sidebar1 .faq:hover,
#container #sidebar1 .faq.hover { background-position:-394px -40px; }

#container #sidebar1 .works { background-position:-591px 0px; }
#container #sidebar1 .works:hover,
#container #sidebar1 .works.hover { background-position:-591px -40px; }

#container #sidebar1 .blog { background-position:-788px 0px; }
#container #sidebar1 .blog:hover,
#container #sidebar1 .blog.hover { background-position:-788px -40px; }

#container #sidebar1 .policy { background-position:-985px 0px; }
#container #sidebar1 .policy:hover,
#container #sidebar1 .policy.hover { background-position:-985px -40px; }
#container #sidebar1 ul { margin-top: 40px; }

#container #header .sitemap {
	background: url(img/nav-sprite02.png) no-repeat 0px 0px;
	display: block;
	height: 85px;
	width: 170px;
}
#container #header .sitemap:hover,
#container #header .sitemap.hover { background: url(img/nav-sprite02.png) no-repeat 0px -85px; }
#container #header .formlink {
	background: url(img/nav-sprite02.png) no-repeat -180px 0px;
	display: block;
	height: 85px;
	width: 240px;
}
#container #header .formlink:hover,
#container #header .formlink.hover { background-position:-180px -85px; }
/* +++++++++++++++++++++++++++++++++++++++++++*/
/*フォーム*/
/* +++++++++++++++++++++++++++++++++++++++++++*/


/* +++++++++++++++++++++++++++++++++++++++++++*/
/*フッタ*/
/* +++++++++++++++++++++++++++++++++++++++++++*/
#footer{
	padding: 20px;
	font-size: 90%;
}
#container #footer .footer_left {
	width: 420px;
	float: left;
}
#container #footer .footer_right {
	width: 420px;
	margin-left: 430px;
}
#container #footer .sub_box h3 {
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #E6E6DE;
	border-bottom: 1px solid #E6E6DE;
	padding: 5px 3px;
	margin-bottom: 5px;
}
#container #footer .sub_box { margin-bottom: 20px; }
#container #footer .sub_box h3 a {
	color: #000000;
	text-decoration: none;
}
#container #footer .sub_box ul li {
	padding-left: 5px;
	line-height: 1.5;
}

/* +++++++++++++++++++++++++++++++++++++++++++*/
/*その他*/
/* +++++++++++++++++++++++++++++++++++++++++++*/

.clear {
	clear:both;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfix:after{　 /*IE7以外のモダンブラウザ*/
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{display:inline-block;} /*IE7とMacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前*/

/*価格スライダー部分*/
#secondary {
    color: #000;
    padding: 15px 35px;
    
}

#pageslide-slide-wrap {
    background-color: #FFF;
    text-aign:center;
    padding : 60px 20px;
}
#pageslide-content h2 {
	background: url(none);
	padding: 8px 0px 5px 10px;
	border-top: 3px double #ADCFFB;
	height: auto;
	width: 100%;
	color:#628BD1;
}
#pageslide-content strong {
	background: url(none);
	border-bottom: 1px dashed #ADCFFB;
	padding: 10px 0px 3px 10px;
	width: 100%;
	text-align: left;
	color:#628BD1;
	font-size:120%
	display: block;
	margin : 0 0 20px 0;
}
#container_simple h2,
#container_simple p {
	text-align : left;
	width:300px;
}
#container_simple ul{
	margin: 10px 0;
}
#container_simple li {
	list-style:disc outside;
	margin : 5px 0 0 30px;
}
#pageslide-content .pageslide-close {
	font-size:100%;
	margin:20px 0 0 80px;
	display:block;
	text-aign:center;
	width:150px;
	padding:10px 20px;
}

.pageslide-close {
	padding:10px !important;
	border: 1px solid #CCC;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
}

/*実績コンテンツスライダー*/
.contentslider {
	position:relative;
	display:block;
	width:560px;
	height:400px;
	margin:0px auto 80px;
	overflow:hidden;
	padding-top: 80px;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:560px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
color : #333;
  display:block;
  width:400px;
  margin:5px 26px 5px 173px;
  text-align:left;
  border-bottom: 1px dashed #ADCFFB;
  padding : 0 0 5px 0;
}
.cs_article img {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	border:2px solid #E8E8E8;
	-ms-interpolation-mode:bicubic;
	margin-left: 2%;
}
.cs_article p {
  display:block;
  width:400px;
  margin:0 26px 5px 160px;
  padding:0;
  border:0;
}
.cs_article .readmore {
	display:block;
	margin:0 6% 1% 500px;
	background: url(img/icon_more.png) no-repeat;
	height: 13px;
	width: 47px;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}


/*IE6用ロールオーバー処理*/

#form {
	width:221px;
	height:85px;
	display: block;
}
a#form:link {background:url(img/contact_off.png);}
a#form:visited {background:url(img/contact_off.png);}
a#form:hover {background:url(img/contact_on.png);}
a#form:active {background:url(img/contact_on.png);}

#sitemap {
	width:163px;
	height:85px;
	display: block;
}
a#sitemap:link {background:url(img/sitemap_off.png);}
a#sitemap:visited {background:url(img/sitemap_off.png);}
a#sitemap:hover {background:url(img/sitemap_on.png);}
a#sitemap:active {background:url(img/sitemap_on.png);}
/* +++++++++++++++++++++++++++++++++++++++++++*/
/*以下追加*/
/* +++++++++++++++++++++++++++++++++++++++++++*/



#container #sidebar1 .twitter .aktt_tweet_time {
	display: inline;
	font-size: 10px;
	color: #666666;
}
#container #sidebar1 .twitter a { background-image : none;}


.photo { margin : 0 0 15px 15px;}

.amazon { 
	border:solid 1px #DDD;
	margin: 20px 0 0 15px;
	padding: 15px 10px;
	text-align:center;
	width: 150px;
}
p.amazon a {
	font-size:80%;
	color:#555;
	display: block;
	margin-top:5px;
}

.flickr {
	text-align:center;
	margin : 0 auto 20px;
	padding : 5px;
	height : 150px;
	overflow : hidden;
}

#main blockquote {
	margin : 10px 10px 10px 30px;
	border-left : 3px solid #DDD;
	padding : 10px;
}
#main h5 {
	font-size:100%;
	color : #444;
	margin : 20px 10px 10px 15px;
	border-bottom : 1px solid #DDD;
}