body {font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}
ul,li {list-style:none;margin:0;padding:0;}
#l_waku {
width:100%;
border:0px #000 solid;
margin:0 auto;
position:relative;
}
#midashi02 {
font-weight:bold;
color:#0066cc;
font-size:1.2em;
border-bottom:2px #0066cc solid;
margin-top:20px;
margin-bottom:10px;
}
h2 , h3 {
font-weight:normal;
font-size:1em;
}
#top_title {
margin:0;
font-size:1em;
}
#top_title a {
display:block;
background:#eee;
padding:10px;
color:#333;
border-top:0.5px #ddd solid;
border-bottom:0.5px #ddd solid;
}
#top_wrap {
width:100%;
text-align:center;
margin:0 auto;
background-color: #f8dce0;
background-image: url("/contents/category/projector_screen/img//qa_top_back.jpg");
margin:0;
}
#top_wrap .main_top {
text-align:center;
margin:0 auto;
}
#top_wrap .main_top h1 {
text-align:center;
margin:0 auto;
display:inline;
}
#wrap {
width:100%;
margin:0 auto;
}
#wrap h2 {
font-weight:normal;
font-size:0.8em;
background:#F2F1DF;
padding:20px;
border-radius:5px;
line-height:1.5;
margin:10px 0;
}
.title {
font-size:1.1em;
border-bottom:2px #333 solid;
padding-bottom:10px;
font-weight:bold;
}
.title span {
background:#000;
color:#fff;
width:35px;
height:35px;
line-height:2;
border-radius:50%;
display:inline-block;
text-align:center;
margin-right:10px;
}
.apt_table {
font-size:0.8em;
}
.apt_table .m01 {
background:#000;
color:#fff;
padding:5px;
text-align:;
width:95%;
margin:0;
text-align:center;
}
.apt_table .m02 {
background:#000;
color:#fff;
padding:5px;
text-align:;
width:95%;
margin:0;
text-align:center;
}
.apt_table .m03 {
background:#FF8000;
color:#fff;
padding:5px;
text-align:;
width:95%;
margin:5px 0;
text-align:center;
border-radius:30px;
}
.apt_table .m04 {
background:#FF8000;
color:#fff;
padding:5px;
text-align:;
width:95%;
margin:5px 0;
text-align:center;
border-radius:30px;
}
.apt_table img {
margin-top:5px;
}
.apt_table td {
text-align:center;
}
.bottom_title {
color:#0066cc;
font-weight:bold;
font-size:1.2em;
margin-bottom:5px;
margin-top:15px;
border-bottom:3px #0066cc solid;
padding-bottom:5px;
}
/*
TOPリンクボタン
----------------------------------------------------------------*/
#top_lin_btn {
float:left;
width:100%;
margin:10px 0;
}
#top_lin_btn ul {
float:left;
list-style:none;
margin:0;
padding:0;
width:100%;
counter-reset: wpp-ranking;
}
#top_lin_btn ul li {
float:left;
margin:0;
padding:5px;
width:50%;
}
#top_lin_btn ul li a:before {
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
background:#0066cc;
color:#fff;
border-radius:50%;
display:inline-block;
width:25px;
height:25px;
line-height:1.8;
position:absolute;
margin-left:-30px;
margin-top:0px;
transition:0.5s;
text-indent:7px;
}
#top_lin_btn ul li a {
display:block;
border:3px #0066cc solid;
font-size:0.8em;
color:#0066cc;
text-align:left;
padding:15px 0;
width:100%;
border-radius:5px;
transition:0.5s;
text-indent:40px;
}
#top_lin_btn ul li a:hover {
background:#FFFAB6;
color:#000;
}
#top_lin_btn ul li a:hover:before {
background:#000;
color:#fff;
}
/*
プロジェクタースクリーンの種類
----------------------------------------------------------------*/
#seen_area {
float:left;
}
#seen_area ul {
float:left;
list-style:none;
margin:0;
padding:0;
width:100%;
}
#seen_area ul li {
float:left;
margin:0;
padding:0;
margin-right:5px;
width:48%;
text-align:center;
}
#seen_area ul li img {
width:150px;
}
#seen_area ul li a {
display:block;
}
#seen_area ul li a p {
background:#0066cc;
color:#fff;
padding:5px 20px;
border-radius:50px;
text-align:center;
margin-top:20px;
margin-bottom:5px;
}
#seen_area h5 {
width:150px;
font-size:1em;
margin:5px 0;
font-weight:normal;
line-height:1.5;
text-align:left;
}
section {
    position: relative;
    margin: 0 auto;
    width: 100%;
 }
section ul li figure {
    position: relative;
    overflow: hidden;
    margin:0;
}
section ul li figure figcaption {
    position: absolute;
    transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
}
section.up-to-down ul li figure figcaption {
    position: absolute;
    bottom: -360px;
}
section.up-to-down ul li figure:hover figcaption {
    bottom: 0;
}
/*
サイズ比較シュミレーション
------------------------------------------------------------------*/
#size_sim_wrap {
width:100%;
margin:20px auto;
margin-bottom:50px;
text-align:left;
}
#size_sim_list {
width:100%;
}
#size_sim_list dt {
width:100%;
border-bottom:1px #000 dashed;
padding-bottom:5px;
font-size:1.6em;
font-weight:bold;
}
#size_sim_list ul {
width:100%;
list-style:none;
margin:0 auto;
padding:0;
}
#size_sim_list ul , #size_sim_list li {
margin:0;
float:left;
margin-right:10px;
}
#size_sim_list dd {
margin:10px auto;
text-align:center;
float:left;
}
#size_sim_list li a {
display:block;
text-decoration:none;
font-size:1em;
padding:15px 22px;
background:#666;
color:#fff;
border-radius:5px;
margin-right:10px;
margin-bottom:10px;
width:100%;
text-align:center;
font-weight:bold;
}
#size_sim_list li a:hover {
background:#000;
}
#size_sim_area {
clear:both;
width:740px;
margin:0 auto;
}
#size_sim_list p {
color:red;
font-size:0.9em;
margin:0;
margin-bottom:10px;
}
#aspect_btn {
width:100%;
margin:20px 0;
padding:0;
text-align:right;
}
#aspect_btn a {
display:inline-block;
background:#0066cc;
color:#fff;
padding:8px 16px;
border-radius:3px;
transition:0.5s;
}
#aspect_btn a:hover {
background:#004D9A;
}
#aspect_btn a i {
padding-left:5px;
}
/*
視聴距離からスクリーンサイズの選定
----------------------------------------------------------------*/
.view_distance_title {
background:#000;
color:#fff;
padding:10px;
font-size:1.2em;
font-weight:bold;
width:100%;
margin-top:20px;
}
.view_distance_text {
font-size:1em;
line-height:1.5;
}
.view_distance_text_bottom {
font-size:1em;
color:#333;
line-height:1.5;
}
.view_distance_text span {
display:block;
float:left;
width:100%;
color:#333;
}
#distance_hyou {
float:right;
width:100%;
}
#distance_hyou , #distance_hyou td, #distance_hyou th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
#distance_hyou th {
background:#0066cc;
width:120px;
color:#fff;
}
#distance_hyou td {
padding:5px;
}
#blockquote{
background-color:#eee;
padding:3em 1em;
position:relative;
border-radius:5px;
margin-top:30px;
}
#blockquote h3 {
margin:10px 0;
font-weight:bold;
font-size:1.2em;
}
#blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;padding-top:10px;
}
#blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
}
#sougou_btn {
margin:50px auto;
}
#sougou_btn a {
display:block;
border:1px #333 solid;
border-bottom:3px #333 solid;
border-radius:3px;
text-align:center;
padding:5px;
color:#333;
transition:0.5s;
}
#sougou_btn a:hover {
color:red;
border:1px red solid;
border-bottom:3px red solid;
}
#sougou_btn a p {
font-weight:bold;
font-size:1.6em;
display:inline-block;
text-align:left;
margin:0;
padding:0;
line-height:1.5;
position:relative;
top:-6px;
}
#sougou_btn a #bottom_sougoubtn_img {
display:inline-block;
width:140px;
padding-top:10px;
padding-bottom:0;
position:relative;
top:1px;
transition:0.5s;
}
#sougou_btn a:hover > #bottom_sougoubtn_img {
position:relative;
top:-6px;
}
#sougou_btn a i {
font-size:1.6em;
position:relative;
top:-20px;
left:10px;
}





/*
スクリーンの種類
---------------------------------*/

#screen_type {
	position:relative;
	margin:0 auto 120px;
}

#screen_type .screen_type_img{
	margin:0 auto 40px;
	padding:0;
	width:92%;
}


#screen_type .screen_type_img p{
	margin:0;
	padding:0;
}

#screen_type .screen_type_img p img{

}

#screen_type .screen_type_img .type_gray_txt{
	margin:0;
	padding:20px 0;
	border:2px solid #e9eaee;
	background:#e9eaee;
	border-radius:10px;
}

#screen_type .screen_type_img .type_gray_txt p{
	width:90%;
	margin:0 auto;
	padding:5px 0;
}

#screen_type .screen_type_img .type_gray_txt p{
	width:90%;
	margin:0 auto;
	padding:5px 0;
}

#screen_type .screen_type_img .type_gray_txt p:nth-child(1){
	text-align:center;
}