/*----------------------------------------------------------
	edit by toshio maeoka / pm studio co.,ltd.
	mail:maeoka@pmstudio.co.jp
	url:http://www.pmstudio.com/
-----------------------------------------------------------*/
/*----------------------------------------------------------
	slide
-----------------------------------------------------------*/

#main_title{
	position:relative;
	background:rgba(255,255,255,1);
	width:100%;
	height:700px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	overflow:hidden;
	z-index: 30;
}


#loading{
	position:absolute;
	width: 30px;
	height:30px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	top:50%;
	left:50%;
	border: 0px solid #CCC;
	display:block;
	font-size: 12px;
	z-index: 30;
}

#top_img{
	width: 100%;
	height: 700px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	border: 0px solid #CCC;
	overflow:hidden;
	background-size:cover;
}

#top_img img{
	width: 100%;
	height: auto;
}

#mask{
	position:absolute;
	background:url(../../image/mask.png) no-repeat;
	width:100%;
	height:200px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	top:550px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	background-size:cover;
	z-index: 60;
}


/*----------------------------------------------------------
	show contents
-----------------------------------------------------------*/

.block{
	padding: 0px 0px 5px 0px;
	color: #fff;
	//color: #252525;
	font-size: 24px;
	font-family: 'Century Gothic',"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.block2{
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-size: 13px;
	font-family: 'Century Gothic',"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/*----------------------------------------------------------
	show article
-----------------------------------------------------------*/

#show_article{
	position:absolute;
	width: 100%;
	height:1px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	top:100px;
	border: 0px solid #CCC;
	display:block;
	font-size: 12px;
	z-index: 30;
}


#show_article_frame{
	position:relative;
	width:70%;
	max-width:1100px;
	min-width:700px;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	font-size: 12px;
	z-index: 30;
}


#pm_title{
	position:relative;
	width: 100%;
	height:50px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	font-size: 12px;
	z-index: 40;
}


#show_cont_list{
	position:relative;
	background:rgba(255,255,255,0.95);
	width:100%;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 10px #e5e3e3;
	-moz-box-shadow: 2px 2px 10px #e5e3e3;
	box-shadow: 2px 2px 10px #e5e3e3;
	z-index: 30;
}


#left_frame{
	position:relative;
	width:71%;
	height:auto;
	min-height:500px;
	margin: 0px 0px;
	padding: 30px 0px 50px 30px;
	border: 0px solid #CCC;
	display:block;
	float:left;
	font-size: 12px;
	z-index: 30;
}

#right_frame{
	position:relative;
	width:25%;
	height:auto;
	margin: 0px 0px;
	padding: 30px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	float:left;
	font-size: 12px;
	z-index: 30;
}

#author_frame{
	position:relative;
	width:100%;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	float:left;
	font-size: 12px;
	z-index: 30;
}


#show_cont_list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*----------------------------------------------------------
	news
-----------------------------------------------------------*/
.content{
	width:100%
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 30;
}

ul.news_feed{
	width:97%;
	height:auto;
	margin: 0px 0px;
	padding: 0px 0px 0px 5px;
	border: 0px solid #CCC;
	display:block;
	z-index: 30;
}


ul.news_feed li.date{
	width:100%;
	height:20px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	z-index: 30;
}

ul.news_feed li.category{
	width:100%;
	height:40px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}


ul.news_feed li.sns{
	position:absolute;
	width:160px;
	height:40px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	top:55px;
	right:10px;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	cursor: pointer;
	z-index: 30;
}


ul.news_feed li.title{
	width:100%;
	height:auto;
	min-height:20px;
	margin: 0px 0px;
	padding: 10px 0px 8px 0px;
	border: 0px solid #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 14px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	line-height: 130%;
	cursor: pointer;
	z-index: 30;
}

ul.news_feed li.cont_img{
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	cursor: pointer;
	//overflow:hidden;
	z-index: 30;
}

ul.news_feed li.article{
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 10px 0px 10px 10px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 13px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 160%;
	z-index: 30;
}

ul.news_feed li.via{
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 20px 20px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 13px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
	line-height: 160%;
	cursor: pointer;
	overflow:hidden;
	z-index: 30;
}

ul.news_feed li.sumary{
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
	border: 0px solid #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 160%;
	z-index: 30;
}

ul.news_feed li.readmore{
	width:100%;
	height:20px;
	margin: 0px 0px;
	padding: 10px 10px 0px 0px;
	border: 0px solid #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}

ul.news_feed li.line{
	width:100%;
	height:10px;
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px dotted #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}

ul.news_feed:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.news_feed li.cont_img img{
	width:100%;
	height:auto;
	z-index: 30;
}

.videoVew{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videoVew iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul#link{
	position:absolute;
	list-style-image:url('../common/image/triangle.png');
	width: 100px;
	height:20px;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	right:0px;
	display:block;
	border: 0px solid #ccc;
	z-index: 30;
}

ul#link li{
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	color:#252525;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	z-index: 30;
}

ul#link li a{
	color: rgba(0,84,166,1);
	z-index: 30;
}

ul#link li a:hover{
	color: rgba(0,84,166,0.6);
	z-index: 30;
}


.news{
	background:rgba(235,235,235,0.2);
	width:200px;
	height:25px;
	margin: 0px 0px;
	padding: 10px 0px 0px 20px;
	border: 1px solid #CCC;
	display:block;
	color: #000;
	font-size: 16px;
	font-family: 'Century Gothic',"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
	z-index: 30;
}

.news:hover{
	background:rgba(235,235,235,0.9);
	color: #fff;
	z-index: 30;
}


#facebook_comment{
	position:relative;
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 40px 0px 0px 0px;
	border: 0px solid #ccc;
	display:block;
	font-size: 12px;
	z-index: 30;
}

/*----------------------------------------------------------
	product
-----------------------------------------------------------*/

#r_back{
	position:relative;
	background:rgba(235,235,235,0.3);
	width:90%;
	height:auto;
	min-height:500px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	border: 1px solid rgba(235,235,235,0.4);
	display:block;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 30;
}


.product_frame{
	position:relative;
	width:90%;
	height:auto;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}

.product{
	position:relative;
	width:100%;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	overflow:hidden;
	z-index: 30;
}

.priduct_t{
	position:relative;
	background:rgba(0,0,0,0.7);
	width:100%;
	height:25px;
	margin: 0px 0px;
	padding: 5px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #fff;
	font-size: 12px;
	font-family: 'Century Gothic',"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	z-index: 30;
}

.priduct_t2{
	position:relative;
	background:rgba(255,255,255,0.6);
	width:100%;
	height:25px;
	margin: 0px 0px;
	padding: 5px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	font-family: 'Century Gothic',"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	z-index: 30;
}

.product_img{
	position:relative;
	width:100%;
	height:auto;
	margin: 0px 0px;
	padding: 5px 0px 10px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	cursor: pointer;
	z-index: 30;
}

.product_img img{
	position:relative;
	width:100%;
	height:auto;
	z-index: 30;
}


#product_1{
	position:absolute;
	background:rgba(255,255,255,0.9);
	width:92%;
	height:500px;
	margin: 0px 0px;
	padding: 10px 10px 10px 10px;
	top:70px;
	border: 0px solid #CCC;
	display:none;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	cursor: pointer;
	z-index: 30;
}

#product_2{
	position:absolute;
	background:rgba(255,255,255,0.9);
	width:92%;
	height:500px;
	margin: 0px 0px;
	padding: 10px 10px 10px 10px;
	top:70px;
	border: 0px solid #CCC;
	display:none;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	cursor: pointer;
	z-index: 40;
}

#product_3{
	position:absolute;
	background:rgba(255,255,255,0.9);
	width:92%;
	height:500px;
	margin: 0px 0px;
	padding: 10px 10px 10px 10px;
	top:70px;
	border: 0px solid #CCC;
	display:none;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	cursor: pointer;
	z-index: 40;
}

#product_4{
	position:absolute;
	background:rgba(255,255,255,0.9);
	width:92%;
	height:500px;
	margin: 0px 0px;
	padding: 10px 10px 10px 10px;
	top:70px;
	border: 0px solid #CCC;
	display:none;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	cursor: pointer;
	z-index: 30;
}

.go_product{
	position:relative;
	background:rgba(0,0,0,0.1);
	width:150px;
	height:20px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	border: 1px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
	z-index: 40;
}

.go_product:hover{
	background:rgba(0,0,0,0.3);
	color: #fff;
	z-index: 40;
}


/*----------------------------------------------------------
	Editor
-----------------------------------------------------------*/

ul.editor{
	width:90%;
	height:auto;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}



ul.editor li.edit_1{
	width:100%;
	height:5px;
	margin: 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #CCC;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	z-index: 30;
}

ul.editor li.edit_2{
	width:100%;
	height:30px;
	margin: 0px 0px;
	padding: 30px 0px 0px 0px;
	float:left;
	display:block;
	color: #000;
	font-size: 12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	z-index: 30;
}

ul.editor:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*----------------------------------------------------------
	FB comment
-----------------------------------------------------------*/

#fbcomment{
	position:relative;
	width:650px;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	z-index: 30;
}