@charset "utf-8";

/*=====================================================
 * Style Name: PdlElements
 * Style URL: ./css/site/pdl.css
 * Description: PdlStylesheet
 * Version: 1.0
 * Last Up Date: 2012/08/31
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/
body {
    background: #F9F6EF;
	color: #5D4C42;
}
h2.contentsName {
	margin-bottom: 10px;
	padding: 5px 2%;
	border-bottom:2px solid #cccccc;
	font-size: 100%;
	font-weight: 700;
}
h2.contentsName img { vertical-align: middle; }
#lwp_wide {
	background: #ffeeee;
}
/*============================================
	Pdl  section
==============================================*/
section#pdlImgArea {
	padding:5px 0 5px 0;
	width:100%;
	margin:0 auto;
	text-align:center;
}
section#pdlDetail {
	width:100%;
}
section#pdlSocial {
	width:100%;
}
section#pdlDesc {
	width:100%;
}
section#contentsInfo {
	width:100%;
}
section#update {
	width:100%;
}
section.p {
	padding: 4px;	
}

/*============================================
	Pdl  top 
=====================================================*/
div#pdlType {
	margin-bottom: 0;
}

.pdlTable {
    width:100%;
}
.pdlTableThumb {
    padding:10px;
    width:90px;
    vertical-align:middle;
}
.pdlTableThumb img {
	width: 100%;	
}
.pdlKubun {
	text-align:center;
	padding: 0 0 10px;
	border-bottom:2px solid #ccc;
}
.pdlTableDetail {
    padding:10px 0px 10px 0;
}
.pdlTableDetail p {
	padding:5px 0 0 0;
	width:90%;
	text-align:left;
}
div.pdlThumb {
	float: left;	
	width: 30%;
	margin: 2%;
}
div.pdlThumb img {
	width: 100%;	
}
div#pdlInfo {
    border-bottom:2px solid #cccccc;
    padding:5px 10px 5px 10px;
}
div.pdlInfoDeco {
}

#pdlInfo span {
	display: block;
	margin-top: 5px;	
}

div.pdlBorderType01{
    border-bottom:2px solid #ccc;
}
div.pdlRegBtn {
}

/*============================================
	Pdl  pdlDetail,pdlSocial,pdlDesc
=====================================================*/
#pdlDetail p {
	padding: 5px 0 5px 10px;
}

#pdlSocial div {
	padding: 5px 0;
	text-align:center
}
#pdlDesc div {
	padding:10px 2%;
	word-break:break-all;
	margin:0 auto;
}

#update p {
	padding: 5px 10px 5px;
}
.pdlImage {
	margin: 4px auto 10px;
	text-align: center;		
}
.applyingImg {
	display: inline-block;
	position: relative;
	width: 150px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.spFrame {
	text-align: center;
	position: relative;
	z-index: 10;
}
.spFrame img {
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
}
#Image1_1 {
	margin: 0 auto;
	position: absolute;
	top: 22px;
	left: 6px;
	z-index: 1;
}
#Image1_2 {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 269px;
	left: 6px;
	z-index: 5;
}
#Image2_1 {
	position: absolute;
	top: 22px;
	left: 6px;
	display: block;	
}
#Image2_2 {
	position: absolute;
	top: 22px;
	left: 6px;
	display: none;	
}
#UxImage1_1 {
	margin: 0 auto;
	position: absolute;
	top: 29px;
	left: 6px;
	z-index: 1;
}
#UxImage1_2 {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 269px;
	left: 6px;
	z-index: 5;
}
#UxImage2_1 {
	position: absolute;
	top: 29px;
	left: 6px;
	display: block;	
}
.pdlComment {
	width: 94%;
	margin: 8px auto;
	padding: 8px 1%;
	border-radius: 8px;
}
.pdlComment div {
	display: inline-block;
	vertical-align:	middle;
	margin: 10px;
}
h4.otherInfo {
	padding: 6px 6px 6px 10px;
	color: #ffffff;
	text-align: center;
	background-color: #000000 ;
}
#pdlType {
	margin-bottom: 10px;	
}
h3.cornerTitle {
	margin: 10px 0 10px;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	background: #6699cc;
}


/* iPhone用PDL101、PDL102 */
ul.thumbnailList li { width: 40%; }
ul.thumbnailList li div {
	display: inline-block;
	margin-top: 6px;
	padding: 4px 8px;
	border-radius: 4px;
	text-align: center;
	color: #ffffff;
	background: #55442F;	
}
.iphone5, .iphone4 { display: none; }
section#iosImgArea { border: none; }

/* iPhone用PDL103 */
#iphoneIcon ul {
	width: 96%;
	margin: 10px auto;	
}
#iphoneIcon ul>li:first-child  {
	width: 43%;	
	padding-right: 3%
}
#iphoneIcon ul>li:first-child img { margin-bottom: 5px; }
#iphoneIcon ul>li:last-child  {
	padding: 10% 2.5% 12% 3%;
	background: url(../../img/site/pdl/iphone5_frame.png) no-repeat;
	background-size: contain;
}

/* PDL011カルーセル */
#app {
	padding: 10px 0;
}
#app div.carouselArea {
    width: 100%;
}
#app div.window {
	float: none;
	width: 320px;
	margin: 0 auto;
}
.pickUpColor { color: #ff6633; }



/*--- コンテンツ画像カルーセル ---*/
#contentsImgCarousel { position: relative; }
#contentsImgCarousel .viewport {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
#contentsImgCarousel .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float: left;
    width: 150px;
	padding: 5px;
    text-align: center;
}
#contentsImgCarousel .item img { width: 100%; }
#contentsImgCarousel .pointer {
  text-align: center;
  padding: 0 0 5px;
}
#contentsImgCarousel .pointer span {
  display: inline-block;
  width: 20px;
  height: 28px;
  background: url(../../img/site/top/indicator.png)center center no-repeat;
}
#contentsImgCarousel .pointer span.current {
  width: 34px;
  background: url(../../img/site/top/indicator_heart.png) center center no-repeat;
}
#contentsImgCarousel .carouselArea { position: relative; width: 100%; }
#contentsImgCarousel .prev, #contentsImgCarousel .next {
	position: absolute;
	top: 0;
	height: 260px;
	line-height: 260px;
	z-index: 100;
}
#contentsImgCarousel .prev { left: 0; padding: 0 20px 0 0px; }
#contentsImgCarousel .next { right: 0; padding: 0 0px 0 20px; }	
#contentsImgArea {
	margin-bottom: 0.5em;
}
#contentsImgArea .item_inline {
	display: inline-block;
	width: 30%;
}