@charset "utf-8";
/* CSS Document */
*{

}

html{
	min-height:100%;
	text-align:center;
	background-color:#f7f7f7;
}
body{
	margin:0 auto;
	text-align:justify;
	width:900px;
	font-size:13px;
	line-height:150%;
	min-height:100%;
	color:#666;
}
h1,h2,h3,h4,h5,h6{
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:normal;
	color:#111;
}
h6{margin:0 0 10px 0; font-size:16px; color:#666; border-bottom:dashed 1px #B3B3B3;}
h5{margin:10px 0 5px 0; font-size:16px;}
h4{
	width:820px;
	margin:20px 0 10px 0;
	font-size:18px;
	background-image:url(/SILKYPIX/japanese/common/image/title_back_h4.jpg);
	background-repeat:no-repeat;
	height:38px;
	padding-left:2em;
	padding-top:4px;
}
h3{
	margin:20px 0 10px 0;
	font-size:18px;
	background-image:url(/SILKYPIX/japanese/common/image/title_back_h3.jpg);
	background-repeat:no-repeat;
	height:38px;
	padding-left:2em;
	padding-top:4px;
}
h2{ margin-top:10px;
	font-size:21px;
	background-image:url(/SILKYPIX/japanese/common/image/title_back_h2.jpg);
	background-repeat:no-repeat;
	height:48px;
	padding-left:2.5em;
	padding-top:7px;
}
h1{ margin:10px 0 0 0;
	font-size:30px;
	background-image:url(/SILKYPIX/japanese/common/image/title_back_h1.jpg);
	background-repeat:no-repeat;
	height:54px;
	padding-left:1.7em;
}
small{font-size:10px;}
img{border:none;}

/*レイアウト-------------------------------------------------------------------------*/
#sitemap .area .column>div{
	float:left;
	margin:0 auto;
	text-align:left;
	max-width:20%;
	min-width:10%;
	margin-right:2%;
}

#sitemap .area{
	min-height:290px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
#sitemap .area .column{
	width:auto;
	margin:0 auto;
}
#sitemap .area .column>div h5{
	font-size:14px;
	font-weight:bold;
}

#sitemap .area .column>div a{
	text-decoration:underline;
	line-height:160%;
}

#sitemap {
	clear: both;
}

/* clearfix */
#sitemap .area .column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#sitemap .area .column {
	min-height: 1px;
}

* html #sitemap .area .column {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.read{
	margin-top:0px;
	margin-bottom:20px;
}

.link_arrow{
	text-align: right;
	margin-top:40px;
}
.link_arrow a{
	padding:5px 0 5px 30px;
	background-image: url(/SILKYPIX/japanese/common/image/i_arrow.gif);
	background-position: left ;
	background-repeat: no-repeat;
	font-size: 12px;
}
.link_arrow a:hover{ background-image:url(/SILKYPIX/japanese/common/image/i_arrow_2.gif); }

.link_blue_arrow{
	text-align: right;
}
.link_blue_arrow a{
	padding:5px 20px 5px 0;
	background-image: url(/SILKYPIX/japanese/common/image/blue_arrow01.png);
	background-position: right ;
	background-repeat: no-repeat;
	font-size: 12px;
}
.link_blue_arrow a:hover{ background-image:url(/SILKYPIX/japanese/common/image/blue_arrow02.png); }

.link_pdf{
	text-align: right;
	margin-top:40px;
}
.link_pdf a{
	padding:5px 0 5px 30px;
	background-image: url(/SILKYPIX/japanese/common/image/pdf2.gif);
	background-position: left ;
	background-repeat: no-repeat;
	font-size: 12px;
}

.index_box { width: 100% ; margin-bottom: 20px ; }
.index_box .movie img { vertical-align: top ; }
.text { width: 250px ; vertical-align: top ; }
.text2 { width: 250px ; vertical-align: top ; }
.index_box .title1 {
	width: 400px ;
	vertical-align: top ;
	padding-right: 20px ;
	padding-bottom:5px ;
}
.index_box .title2 {
	width: 400px ;
	vertical-align: top ;
	padding-bottom:5px ;
}
.index_box .movie { width: 130px ; vertical-align: top ; padding-right: 10px ; }
.titletxt {
	vertical-align:top;
	padding-left:2em;
	padding-right:10px;
	padding-top:4px;
	margin:0px;
}

.index2_box { width: 100% ; margin-bottom:40px ; }
.index2_box .photo { width: 240px ; vertical-align: top ; }
.index2_box .photo a img { vertical-align: top ; padding: 5px; border: solid 1px #B3B3B3; }
.index2_box .mtext { width: 524px ; vertical-align: top ; margin: 0px 0px 0px 20px  ; }
.m_title {
	vertical-align:top;
	margin:0px 0px 20px 0px;
	padding:2px 0px 0px 5px;
}

.demo_box { width: 100% ; margin-bottom:40px ; }
.demo_box .photo { width: 490px ; vertical-align: top ; }
.demo_box .mtext { width: 300px ; vertical-align: top ; margin: 0px 0px 0px 30px  ; }
.demo_box .mtext img { width: 300px ; vertical-align: top ; margin-bottom: 20px ;  }

.movie_demo_box { width: 100% ; margin-bottom : 40px ; }
.movie_demo_box:last-child {margin-bottom : 20px ; }
.movie_demo_box .photo { width: 180px ; vertical-align : top ; }
.movie_demo_box a img { background : #FFF ; vertical-align: top ; padding : 5px ; border : solid 1px #B3B3B3; }
.movie_demo_box a img:hover { vertical-align : top ; padding : 5px ; border: solid 1px #FFC700; }
.movie_demo_box .mtext { 
	background: #FFF5F5;
	width:524px;
	vertical-align :top;
	margin-left: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(border-radius.htc);
	border-radius: 8px;
	border:1px solid #ccc;
	padding:10px;
}
.movie_demo_title { vertical-align: top ; margin : 0px 0px 0px 20px ; border:none; }

/*左右サイドバー用*/
.lr_side aside.left{width:250px;background:#FC0;float:left;margin-right:20px;}
.lr_side aside.right{width:250px;background:#FC0;float:right;margin-left:20px;}
.lr_side>article>*{margin-left:270px; margin-right:270px;}
/*左サイドバー用*/
.l_side aside.left{width:250px;background:#FC0;float:left;margin-right:20px;}
.l_side aside.right{width:0px;height:0px;overflow:hidden;visibility:hidden;position:absolute;}
.l_side>article>*{margin-left:270px;}
/*右サイドバー用*/
.r_side aside.left{width:0px;height:0px;overflow:hidden;visibility:hidden;position:absolute;}
.r_side aside.right{width:250px;background:#FC0;float:right;margin-left:20px;}
.r_side>article>*{margin-right:270px;}

/*クリアリングエレメント*/
div.clear{
	clear:both;
	margin-top:40px;
	margin-bottom:20px;
	background-repeat:
	no-repeat;height:46px;
	background-image:url(../image/nav_back.gif);
}

article div.clear{
	border:none;
	height:20px;
}

.area{
	padding:40px;
	border: solid 1px #999;
	margin-bottom: 40px;
	background-color: #ffffff;
	-moz-box-shadow: inset 2px 2px 6px #555;
	-webkit-box-shadow: inset 2px 2px 6px #555;
	box-shadow: inset 2px 2px 6px #555;
	border:3px solid #f8f8f8;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.area .area{
	text-align:left;
	background-color:#F7F7F7;
	-moz-box-shadow:2px 2px 6px #aaa;
	-webkit-box-shadow:2px 2px 6px #aaa;
	box-shadow:2px 2px 6px #aaa;
	margin-bottom: 0px;
}

.taste_photo {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.taste_word {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.taste_title {
	font-size: 18px;
	font-weight: bold;
	border-bottom:dashed 1px #CCC;
	margin-bottom:14px;
}
.qu {
	color: #fabe00;
}
.textfaq {
	font-size: 100%;
	line-height: 140%;
}
.faqq {
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc;
	clear: both;
}
.faqa {
	font-size: 100%;
}
.textfaq dl .faqa {
	font-size: 100%;
	line-height: 110%;
}

.dl_left{
	width:440px;
	float:left;
	padding-top:132px;
	padding-bottom:20px;
	text-align:center;
	background-position:left top;
	background-repeat:no-repeat;
}

.dl_right{
	width:440px;
	float:right;
	padding-top:132px;
	padding-bottom:20px;
	text-align:center;
	background-position:left top;
	background-repeat:no-repeat;
}
h1.hidden {
	position:absolute;
	top:-5000px;
}
.backimage {
	height: 170px;
	padding-top: 165px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.backimage2 {
	background-image:url(/SILKYPIX/japanese/community/image/community_board_top.gif);
	height: 174px;
	padding-top: 140px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top:40px;
}
.backimage3 {
	background-image:url(/SILKYPIX/japanese/community/image/community_bank_top.gif);
	height: 174px;
	padding-top: 140px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top:40px;
}
.backimagemac {
	height: 370px;
	padding-top: 165px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.backimagemac2 {
	height: 200px;
	padding-top: 165px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}
.tableStyle1 tr .size {
	line-height: 100%;
	background-color: #666;
	text-align: center;
	color: #FFF;
}
.tableStyle1 tr .bn {
	background-color: #CCC;
}
.function {
	vertical-align: top;
	width: 100%;
	border-top-width: 100%;
	border-right-width: 100%;
	border-bottom-width: 100%;
	border-left-width: 100%;
}
.function table tr td {
	line-height: 120%;
	width: 50%;
	padding: 0 20px 20px 0;
}
.function table tr td a{
	text-decoration:none;
}
.function table tr td div{
	font-size:120%;
	line-height: 100%;
	font-weight:bold;
	margin-bottom:20px;
}
.function table tr td a img {
	float: left;
	margin-right: 20px;
	padding: 6px;
	border: solid 1px #ccc;
}
.function table tr td p {
	font-size: 100%;
	line-height: 120%;
	vertical-align:top;
}
.categorylink {
	font-size: 90%;
	text-align: right;
}
.linktable {
	width: 100%;
	margin-bottom: 30px;
}
.linktable tr .sitetitle {
	font-weight: bold;
	padding-left: 6px;
	background-color: #CCC;
}
.linktable tr .linkbn {
	text-align: center;
	vertical-align: middle;
	width: 200px;
}
.linkbn a .nobottom {
	vertical-align: top;
}
.linktable tr .linktxt {
	vertical-align: top;
	padding-top: 6px;
	padding-left: 20px;
}
.linktable tr .linktxt2 {
	vertical-align: top;
	padding-top: 6px;
	padding-left: 6px;
}

.blog_info_area {
	background-image: url(/image/silky_blog_banner_back.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 603px;
}
.blog_info_area .blog_info {
	text-align: left;
	height: 86px;
	width: 100%;
	overflow: auto;
	padding: 0 10px 0 0;
}
#btn_area {
	background-image: url(../../community/image/btn_area.gif);
	margin:6px 0 6px 0;
}
#btn_area2 {
	background-image: url(../../community/image/btn_area2.gif);
	margin:6px 0 6px 0;
}
#special_contents {
	background-image: url(../../community/image/special_contents_area.gif);
	background-repeat: no-repeat;
	height: 130px;
	width: 602px;
	border: solid 1px #ccc;
}
#sc_title {
	text-align: left;
	vertical-align:middle;
	padding-left: 1em;
	line-height:140%;
	height: 26px;
	font-size: 12px;
	font-weight: bold;
}
#sc_contents {
	text-align: left;
	padding: 10px 20px 10px 20px;
}
#special_bnr {
	text-align: center;
	padding:10px 10px 10px 0;
}
.blog_area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666;
	background-image: url(../../community/image/silky_blog_banner_back.gif);
	float: right;
	height: 122px;
	width: 604px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#board_title {
	font-size: 18px;
	font-weight: bold;
	height: 35px;
	padding-left: 0.6em;
	padding-top: 4px;
	margin-bottom: -3px;
}
#title {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color: #CCC;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
}
#title2 {
	vertical-align:top;
	text-align: left;
	padding-top:10px;
	padding-left: 1em;
	padding-right: 1em;
}

/*レイアウト微調整用ユーティリティクラス*/
.mTop10{
	margin-top:10px;
}
.mTop20{
	margin-top:20px;
}
.mTop30{
	margin-top:30px;
}
.mTop40{
	margin-top:40px;
}
.mTop50{
	margin-top:50px;
}

.mBottom10{
	margin-bottom:10px;
}
.mBottom20{
	margin-bottom:20px;
}
.mBottom30{
	margin-bottom:30px;
}
.mBottom40{
	margin-bottom:40px;
}
.mBottom50{
	margin-bottom:50px;
}

.center{
	text-align:center;
}
.contents_title {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.community_txt {
	padding-top:4px;
	color:#666;
}

.community_txt2 {
	padding-top:0px;
	color:#666;
}

.community_product {
	background-repeat:no-repeat;
	text-indent:0;
	padding:14px 0 10px 90px;
	margin-bottom:10px;
}

.area>p:first-child{
	margin-top:0;
	padding-top:0;
}

.howtoraw {
	background-image:url(../../campaign/google_ds/img/howtoraw.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:195px;
	padding-top:141px;
	padding-right:35px;
	padding-bottom:65px;
	width:670px;
	margin-top:40px;
}
.howtosp {
	background-image:url(../../campaign/google_ds/img/howtosp.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:195px;
	padding-top:141px;
	padding-right:35px;
	padding-bottom:83px;
	width:670px;
}
.howtodl {
	background-image:url(../../campaign/google_ds/img/howtodl.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:195px;
	padding-top:141px;
	padding-right:35px;
	padding-bottom:91px;
	width:670px;
	margin-top:40px;
}
.titletxt{
	color:#FFF;
    margin-top:5px;
	font-size:16px;
	background-image:url(../../campaign/google_ds/img/titlebar_01.gif);
	background-repeat:no-repeat;
	height:36px;
	padding-left:2em;
	padding-top:7px;
}
.picupsp {
	background-image:url(../../campaign/google_ds/img/silkypicup.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:900px;
	padding:120px 0;
	clear:both;
}

.gtxt {
	padding:0 2.5em;
	margin-bottom:20px;
}

.silkymovie {
	background-image:url(../../campaign/google_ds/img/silkypicup.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:80px 294px 26px 116px;
	margin:40px 0;
	clear:both;
}
.cameraarea {
	background-image:url(../../campaign/google_ds/img/camera.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.cameratxt {
	padding-top:0px;
	padding-left:663px;
	padding-right:44px;
	padding-bottom:173px;
	margin-bottom:60px;
}
.cameratxt_btn {
	width:195px;
	height:16px;
	padding-left:272px;
	padding-top:200px;
	float:left;
}
.picup01 {
	background-image:url(../../campaign/google_ds/img/picup_01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:282px;
	height:333px;
}
.picup02 {
	background-image:url(../../campaign/google_ds/img/picup_02.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:282px;
	height:333px;
	margin:0px;
}
.picup03 {
	background-image:url(../../campaign/google_ds/img/picup_03.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:282px;
	height:333px;
}
.picuptxt {
	padding-top:76px;
	padding-left:27px;
	padding-right:27px;
	clear:both;
}

.farea {
	background-image:url(../../campaign/google_ds/img/function_back.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:900px;
	height:306px;
	margin-bottom:80px;
}
.fareatxt {
	color:#FFF;
	padding-top:35px;
	padding-left:140px;
	padding-right:35px;
	clear:both;
}
.fareatxt a {color:#FFF; }
.fareatxt a:visited {color:#FFF; }
.fareatxt a:link {color:#FFF; }
.fareatxt a:active {color:#FFF; }
.fareatxt a:hover {color:#fabe00; }

.earea {
	background-image:url(../../campaign/google_ds/img/environment.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:900px;
	height:285px;
	margin-bottom:80px;
}
.eareatxt {
	padding-top:25px;
	padding-left:283px;
	padding-right:25px;
	clear:both;
}
.eareatxt td.txt1 {
	color:#000;
	width:10%;
	font-weight:bold;
	margin:0;
	vertical-align:top;
	line-height:140%;
}
.eareatxt td.txt2 {
	width:90%;
	font-size:100%;
	margin:0;
	vertical-align:top;
	line-height:140%;
}
.btn_area {
	padding-left:80px;
	margin-bottom:60px;
}

.stxt{
	margin:0 18px 40px 18px;
}
.strap01{
	background-image:url(../../campaign/dsp5_strap/image/original_strap.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:765px;
	height:95px;
	margin:0 auto 40px auto;
	padding-top:65px;
	padding-left:20px;
}
.sinfo{
	width:780px;
	background-color:#666;
	margin-top:30px;
}
.centertxt{
	background:#666;
	color:#FFF;
	text-align:center;
	padding:5px;
}
.lefttxt{
	background-color: #D3F0E3;
	padding:5px;
}
.righttxt{
	background-color:#FFF;
	padding:5px;
}
.bold{
	color:#22B573;
	font-weight:bold;
}

.marine_top{
	background-image: url(/SILKYPIX/japanese/common/image/ugcamp_back_900.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:900px;
	height:166px;
	margin:5px auto; 
	font-size:12px;
	padding:0px;
}

.marine_top img{
	padding:5px 5px 5px 0;
}