@charset "utf-8";

/* ===================================================================

ロックパートナーズ株式会社

Copyright (C) RockPartners Inc. All Rights Reserved.
--------------------------------------------------------------------

file name  :  point.css
info :  薬ゼミの特徴ディレクトリ以下の設定
contents :
	01. 共通部分
	02. P31
	03. P32
	04. P36
	05. P37
	
=================================================================== */

/*--------------------------------------------------------------------
	01. 共通部分
--------------------------------------------------------------------*/

/*  ページ見出し H3
-----------------------------*/

.point#P32 h3 { background-image:url(../images/point/ttl_32.png); }
.point#P31 h3 { background-image:url(../images/point/ttl_31.png); }
.point#P36 h3 { background-image:url(../images/point/ttl_36.jpg); }
.point#P37 h3 { background-image:url(../images/point/ttl_37.png); }
.point#message h3 { background-image:url(../images/point/ttl_message.jpg); }
.point#csr h3 { background-image:url(../images/point/ttl_csr.jpg); }
.point#outline h3 { background-image:url(../images/point/ttl_outline.jpg); }

/*--------------------------------------------------------------------
	02. P31
--------------------------------------------------------------------*/

/*  ページ見出し H4
-----------------------------*/
#P31 h4 {
	height:40px;
	margin:0 10px 20px;
	position:relative;
	background:url(../images/common/ttl_bg_01.png) no-repeat 0 0;
	font-weight:bold;
	color:#15157d;
}
#P31 h4 span {
	display:block;
	height:13px;
	position:absolute;
	left:20px;
	top:9px;
}

/*  ボックスA
-----------------------------*/
#P31 #A { 
padding-bottom:25px;
}

#P31 #A p { 
	padding:0 0 0 10px;
}


dl#rinenAbove1 {
width:634px;
height:140px;
background:url(../images/point/bg_rinen_01.jpg) no-repeat 0 0;
}

dl#rinenAbove2 {
width:634px;
height:152px;
background:url(../images/point/bg_rinen_02.jpg) no-repeat 0 0;
}

dl#rinenAbove3 {
width:634px;
height:147px;
background:url(../images/point/bg_rinen_03.jpg) no-repeat 0 0;
}

dl.rinenBox {
margin:0 10px 10px;
}
dl.rinenBox dt {
padding-left:100px;
padding-top:17px;
}

dl.rinenBox dd {
	font-size:75%;
	padding-left:100px;
	padding-right:15px;
	line-height:1.4;
}

ul#rinenBelow {
margin:0 10px 10px;
margin-bottom:25px;
}

/*  ボックスB
-----------------------------*/
#P31 .B { 
	position:relative;
	min-height:227px;
  	height: auto !important;
  	height:227px;
}

#P31 .B p { 
	padding:0 0 0 241px;
}

#P31 .B p span { 
	display:block;
	width:418px;
	padding:0 0 10px 0;
	font-size:75%;
}

#P31 .B img { 
	position:absolute;
	top:62px;
	left:18px;
}

/*  ボックスC
-----------------------------*/
#P31 #C { 
	position:relative;
}

#P31 #C dl { margin-left:15px;}

#P31 #C dl dt { 
	font-size:75%;
	color:#15157d;
}

#P31 #C dl dt span { 
	display:block;
	min-height:17px;
  	height: auto !important;
  	height:17px;
	padding:0 0 5px 241px;
}

#P31 #C dl dd { 
	width:399px;
	min-height:67px;
  	height: auto !important;
  	height:67px;
	margin:0 0 0 241px;
	padding:0 0 5px;
	background:url(../images/common/line_dot.gif) repeat-x  top;
}
	
#P31 #C dl dt img { 
	position:absolute;
	
}

/*  ボックスD
-----------------------------*/
#P31 #D h5 { 
	min-height:22px;
  	height: auto !important;
  	height:22px;
	margin:28px 0 23px 20px;
	background:url(../images/common/line_dot.gif) repeat-x bottom;
	color:#15157d;
	font-size:88%;
	font-weight:bold;
}

#P31 #D p { 
	display:block;
	width:620px;
	margin:0 0 0 20px;
	padding:0;
	font-size:75%;	
}

#P31 #D ul { 
	clear:both;
	margin:0 0 0 30px;
}

#P31 #D ul li { 
	display:block;
	float:left;
	background:url(../images/point/arrow.gif) no-repeat 0 8px;
	font-size:75%;
}

#P31 #D ul .a { 
	width:225px;
	padding:0 0 0 13px;
}
#P31 #D ul .b { 
	width:184px;
	padding:0 0 0 13px;
}
#P31 #D ul .c { 
	width:103px;
	padding:0 0 0 13px;
}

/*  .detailBtn
-----------------------------*/
#P31 a.detailBtn {
	position:absolute;
	top:10px;
	left:533px;
	display:block;
	width:105px;
	height:21px;
	text-indent:-9999px;
	background:url(../images/point/btn_detail.png) no-repeat 0 0; 
	cursor:pointer;
	border:none;
}

/*--------------------------------------------------------------------
	03. P32
--------------------------------------------------------------------*/

/*  見出し　H4
-----------------------------*/
#P32 .cntBox h4 { 
	position:absolute;
	margin:-66px 0 0 85px;
	color:#181a81;
	font-weight:bold;
	font-size:113%;
}

/*  ボックス
-----------------------------*/
#P32 .cntBox div { 
	display:block;
	padding:93px 0 0 0;
	background:url(../images/point/ttl_flower.png) no-repeat;
}

/* 　ボックス内
-----------------------------*/
#P32 .cntBox dl { 
	display:block;
	width:621px;
	padding:0 0 0 39px;
}

#P32 .cntBox .left { background:url(../images/point/back.png) repeat-y; }
#P32 .cntBox .right { background:url(../images/point/back_02.png) repeat-y;margin:0 0 5px; }

#P32 .cntBox dl dd { 
	display:block;
	width:473px;
	min-height:149px;
  	height: auto !important;
  	height:149px;
}

#P32 .cntBox .left dd { padding:0 0 27px 148px; }
#P32 .cntBox .right dd { padding:0 148px 27px 0; }

#P32 .cntBox dl dt { position:absolute; }

#P32 .cntBox .left dt { margin:0 0 0 0; }
#P32 .cntBox .right dt { margin:0 0 0 450px; }

#P32 .cntBox dl dd strong { 
	display:block;
	width:400px;
	height:21px;
	padding:4px 0 0 34px;
	background:url(../images/point/flower.png) no-repeat;
	color:#181a81;
	font-size:88%;
}

#P32 .cntBox dl dd span { 
	display:block;
	width:433px;
	padding:16px 0 0 0;
	background:url(../images/point/dot.png) no-repeat;
	font-size:75%;
}

/*--------------------------------------------------------------------
	04. P36
--------------------------------------------------------------------*/

/*  ページ見出し H4
-----------------------------*/
#P36 h4 {
	height:40px;
	margin:0 10px 20px;
	position:relative;
	background:url(../images/common/ttl_bg_01.png) no-repeat 0 0;
	font-weight:bold;
	color:#15157d;
}
#P36 h4 span {
	display:block;
	height:13px;
	position:absolute;
	left:20px;
	top:9px;
}

#P36 h5#cb {
	clear:both;
}

/*  CONCEPT
-----------------------------*/
#P36 h5 {
	width:610px;
	min-height:17px;
  	height: auto !important;
  	height:17px;
	margin:15px 0 0 20px;
	padding:0 0 5px 0;
	background:url(../images/common/line_dot.gif) repeat-x bottom;
	font-weight:bold;
	color:#15157d;
	font-size:88%;
}

	
/*  SHOPS
-----------------------------*/
/*  .left
-----------*/
#P36 p#magokoroLead  {
	font-size:75%;
	line-height:1.8;
	padding-left:15px;
	
}

#P36 p#magokoroLead img {
	float:right;
	padding:0 0 15px 15px;
	
}

#P36 .section.boxWrap {

border:1px solid #bdbee6;
padding:2px 1px;
margin-left:15px;
margin-top:20px;
}



#P36 .section.box {
	background:url(../images/point/bg_magokoro_01.jpg) left top repeat-y;
}

#P36 .section.box p.left {
	background:url(../images/point/bg_magokoro_02.jpg) left top no-repeat;
	width:139px;
	height:215px;
	padding:18px 0 0 14px;
}

#P36 .section.box p.left img {
	padding-bottom:16px;
}
#P36 .section.box p.right {
	width:470px;
	padding-right:10px;
	padding-top:13px;
	font-size:75%;
	line-height:1.8;
}

#P36 .section.box dl.right {
	width:470px;
	padding-right:10px;
	padding-top:20px;
	font-size:75%;
	line-height:1.8;
}

#P36 .section.box dl.right dt {
	font-weight:bold;
	background-color:#7b7ece;
	color:#FFF;
	padding-top:1px;
	margin-bottom:7px;
}

#P36 .section.box .section {
	width:628px;
	margin-left:12px;
}

#P36 .section.box .section dl {
	width:300px;
	font-size:75%;
	line-height:1.8;
}

#P36 .section.box .section dt {
	font-weight:bold;
	background-color:#7b7ece;
	color:#FFF;
	padding-top:1px;
	margin-bottom:7px;
}

#P36 .section.box .section dl.right {
	padding-top:0;
}

#P36 .section.box .section dl.left table {
	border-collapse:collapse;
	border-top:1px solid #7b7ece;
	border-right:1px solid #7b7ece;
	width:300px;
	background-color:#FFF;
}

#P36 .section.box .section dl.left table th,
#P36 .section.box .section dl.left table td {
	border-bottom:1px solid #7b7ece;
	border-left:1px solid #7b7ece;
	padding:5px;
}

#P36 .section.box .section dl.left table th {
	background-color:#181a81;
	color:#FFF;
	text-align:center;
}

#P36 .section.box .section dl.left table td {
	padding-leff:10px;
}


/*--------------------------------------------------------------------
	05. P37
--------------------------------------------------------------------*/

/*  #left
-----------------------------*/
#P37 .cntBox P {
	margin:0 0 20px 10px;
	font-size:75%;
	line-height:1.8;
}

#P37 #leftBox {
	float:left;
	width:429px;
	padding:0 14px 0 0;
}

#P37 #leftBox ul.detail {
	position:relative;
	width:400px;
	margin:0 0 0 10px;
	padding:17px 8px 0 10px;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
	font-size:75%;
}

#P37 #leftBox ul.detail li.A {
	float:left;
	width:192px;
	padding:0 17px 46px 0;
}

#P37 #leftBox ul.detail li.B {
	float:left;
	width:191px;
	padding:0 0 46px 0;
}

#P37 #leftBox ul.detail li.A .btnDetailA{
	position:absolute;
	left:97px;
	bottom:15px;
}
#P37 #leftBox ul.detail li.B .btnDetailA{
	position:absolute;
	left:305px;
	bottom:15px;
}

#P37 #leftBox ul.detail dl dt strong{ 
	display:block;
	padding:0 0 10px 7px;
	background:url(../images/point/arrow.gif) no-repeat 0 6px;
	font-weight:normal;
}

#P37 #leftBox ul.detail dl dt {
	display:block;
	min-height:76px;
  	height: auto !important;
  	height:76px;
}

#P37 #leftBox ul.detail dl dd{ 
	display:block;
	padding:0 0 10px 0;
}

#P37 #collapseBox {
	position:relative;
	width:418px;
	margin:0 0 0 10px;
	padding:17px 8px 46px 10px;
	background:url(../images/common/line_dot.gif) repeat-x 0 0;
	font-size:75%;
}

#P37 #collapseBox dl dt {
	display:block;
	float:left;
}

#P37 #collapseBox dl dt strong { 
	display:block;
	width:118px;
	padding:0 0 10px 7px;
	background:url(../images/point/arrow.gif) no-repeat 0 6px;
	font-weight:normal;
}

#P37 #collapseBox dd { 
	display:block;
	float:left;
	width:286px;
	padding:20px 0 0 0;
}

#P37 #collapseBox ul { 
	padding:10px 0 0 0;	
}

#P37 #collapseBox ul li { 
	float:left;
	width:192px;
	padding:0 10px 0 0;	
}

#P37 #collapseBox .btnDetailA{
	position:absolute;
	left:305px;
	bottom:15px;
}

/*  #right
-----------------------------*/
#P37 #rightBox{
	display:block;
	float:left;
	width:209px;
	padding:0 8px 0 0;
	font-size:63%;
}

#P37 #rightBox dt {
	text-align:right;
}

#P37 #rightBox dd {
	margin:0 0 8px 0;
}


/*--------------------------------------------------------------------
	05. message
--------------------------------------------------------------------*/
#message .cntBox { position:relative;}

#message .cntBox h4 {
font-size:130%;
color:#181A81;
padding-bottom:7px;
margin-bottom:10px;
border-bottom:1px dotted #CCC;

}
#message p#portrait {
padding:0 0 0 0;
width:147px;
}

#message .right {
width:493px;
padding-right:15px;
}

#message .right p {
font-size:75%;
line-height:1.8;
padding-bottom:15px;
}


#csr #C { 
	position:relative;
}

#csr #C dl {
border:1px solid #CCCCCC;
margin:0 0 20px;
margin-left:0;
padding:10px;
}

#csr #C dl dt { 
	font-size:75%;
	color:#15157d;
}

#csr #C dl dt span { 
	display:block;
	min-height:17px;
  	height: auto !important;
  	height:17px;
	padding:0 0 5px 241px;
}

#csr #C dl dd { 
	width:399px;
	min-height:67px;
  	height: auto !important;
  	height:67px;
	margin:0 0 0 241px;
	padding:0 0 5px;
	background:url(../images/common/line_dot.gif) repeat-x  top;
	font-size:75%;
}

#csr #C dl dd.noBorder {
background:none;

}
	
#csr #C dl dt img { 
	position:absolute;
}


#csr p#social {
font-size:85%;
font-weight:bold;
padding-top:20px;
padding-bottom:25px;
}

#csr p#social {
font-size:85%;
font-weight:bold;
padding-top:20px;
padding-bottom:25px;
}