@charset "utf-8";

/* ********************************************* */
/** コンテンツ用
/** contents.css
/** コルソライフ株式会社
/* ********************************************* */

/********************************
トップページ
********************************/
.bgWhiteBodyArea
{
	width: 93%;
	padding: 2%;
	text-align: left;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
	margin:0 auto 30px;
}

.bgWhiteBodyArea:last-child{
	margin:0 auto;
	}

.mainCatchCopy
{
	/*font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","serif";*/
	font-size: 130%;
	line-height: 1.2;
	font-weight:bold;
	color:#FF6B13;
}

.drawer-midashi
{
	background-color:#293fbb;
}

/*施工事例・お客様の声*/
.type
{
	background-color: #293fbb;
	padding: 5px 5px;
	color: #ffffff;
	text-align: center;
	font-size: 95%;
	display: inline-block;
}

.topVoice
{
	position:relative;
}
.topVoice .morebtn01
{
	width:33%;
	position:absolute;
	right:0px;
	top:7px;
}

.topVoice .morebtn01 a:before
{
	content: "\f138";
	font-family: FontAwesome;
	font-size:14px;
	padding-right:4px;
}
.topVoice .morebtn01 a
{
	border-radius:4px;
	padding:4px 0;
/*	background:#75bb29;
*/	color:#293fbb;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

.voiceArea
{
	position:relative;
}

.voiceArea a
{
	text-decoration:none;
	display:block;
	width:100%;
	color:#000;
	font-size: 13px;
}
.voiceArea dl
{
	padding:11px 0 8px;
	border:1px solid #ccc;
	border-bottom:none;
	background:#EAF8FF;
}
.voiceArea dl:last-child
{
	border-bottom:1px solid #ccc;

	}
.voiceArea dt
{
	float:left;
	margin:0px 10px 0px 10px;
}
.voiceArea dd
{
	width:95%;
}

.voiceArea a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
}




/*選べる製造方法の一覧*/

.topSeisakuArea
{
	position:relative;
}

.topSeisakuArea a
{
	text-decoration:none;
	display:block;
	width:100%;
	color:#000;
	font-size: 13px;
}
.topSeisakuArea dl
{
	padding:11px 0 8px;
	border:1px solid #6E96E7;
	border-bottom:none;
	background:#F5F5F5;
}

.topSeisakuArea dl:hover
{
	background:#DCFAFF;
}

.topSeisakuArea dl:last-child
{
	border-bottom:1px solid #6E96E7;

	}
.topSeisakuArea dt
{
	float:left;
	margin:0px 10px 0px 10px;
}
.topSeisakuArea dd
{
	width:95%;
}

.topSeisakuArea a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
	}

.topSeisakuArea dl h3
{
	background-color: #56A2FD;
	padding: 5px 10px;
	color: #ffffff;
	text-align: center;
	font-size: 90%;
	display: inline-block;
}

.topSeisakuArea dl h3 span
{
	font-size: 80%;
}


/*リスト一覧の直下「その他タイプの…」*/

.topSeisaku-etc
{
	position:relative;
	padding:11px 0 8px;
	margin-top:10px;
	border:1px solid #6E96E7;
	background-color:#F5F5F5;
	font-size:13px;
	float:left;
}


.topSeisaku-etc ul li
{
	/*float:left;*/
	list-style:none;
	margin-top:10px;
	
}

.topSeisaku-etc h3
{
	margin-left:7%;
	margin-right:10px;
	background-color: #56A2FD;
	padding: 5px 10px;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	display: inline-block;
}

.topSeisakuLeftBox01
{
	font-size: 13px;
	width:90%;
}

.topSeisakuLeftBox02
{
	width:250px;
}

.topSeisaku-etc a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
	}



/*強みコンテンツ*/

h2.message01
{
	
	font-size:140%;
	color:#293fbb;
	font-weight:bold;
	text-shadow:1px 2px 2px #FFFFFF,
	-2px 2px 1px #FFFFFF,
	2px -2px 1px #FFFFFF,
	-2px -2px 1px #FFFFFF;
}


.tuyomiSubTitle
{
	font-size:21px;
	color:#FB6500;
	font-weight:bold;
	line-height: 30px;
	text-shadow:1px 2px 2px #FFFFFF,
	-2px 2px 1px #FFFFFF,
	2px -2px 1px #FFFFFF,
	-2px -2px 1px #FFFFFF;
}

.bgTuyomiBlueBodyArea
{
	background-color:#D4F0FF;
}



/********************************
選べる製造方法下層ページ
********************************/

/*お問合わせフォームはこちらボタン*/


.midashi-blueLine
{
	font-size:115%;
	border-left:6px solid #0192C5;
	padding-left:5px;
}


.itemBtnArea ul li{
	background-color:#f1533e;
	width:90%;
	border-radius: 3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin:0 auto;
	list-style:none;
	position:relative;
}

.itemBtnArea ul li a{
	text-decoration:none;
	padding:10px;
	display: block;
	font-size:1.11em;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
}

.itemBtnArea ul li a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #fff;
	font-size:1.3em;
}

.sankouList
{
	width:100%;
	border:1px solid #D6D6D6;
}

.sankouList th
{
	width:40%;
	text-align:center;
	background:#E7F3FF;
	font-size:85%;
}

.sankouList th,.sankouList td
{
	padding:8px 5px;
	border:1px solid #dedede;
	font-size:110%;
}


.sankouList ul li
{
	float:left;
	width:50%;
}


h4.sankou_Level
{
	font-size:115%;
	border-left:6px solid #0192C5;
	padding-left:5px;
}

.sankouTextBlue
{
	color:#008BE8;
}

.genryouList
{
	border:1px solid #7A7A7A;
	line-height:1.3em;
}

.genryouList th
{
	background-color:#CDE6FF;
	text-align:center;
	font-size:20px;
	border-left:1px solid #575757;
}

.genryouList-fistLetter
{
	text-align:center;
	font-weight:bold;
	background-color:#E9F4FF;
}

.lastBorder
{
	border-bottom:2px solid #575757;
}


.taiou-icon p
{
	width:auto;
	padding:5px;
	margin-right:8px;
	margin-bottom:8px;
	color:#FFFFFF;
	text-align:center;
	float:left;
	font-size:110%;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}


.hard
{
	background-color:#0087DD;
}
.soft
{
	background-color:#E97BB5;
}
.zyouzai
{
	background-color:#349E40;
}
.karyuu
{
	background-color:#E9AE00;
}
.hunmatu
{
	background-color:#917AD4;
}

.liquid
{
	background-color:#00B3D8;
}

.jelly
{
	background-color:#24B70D;
}

.kokeibutu
{
	background-color:#E17D00;
}


/*加工の詳細一覧コンテンツ*/
h3.item-midashi
{
	font-size:135%;
	font-weight:bold;
	color:#008BE8;
	margin-bottom:13px;
}

.zitureiGrayBox
{
	background-color:#f3f3f3;
	padding:10px;
}

.zitureiWhiteBox
{
	background-color:#FFFFFF;
	padding:10px;
}

.seisaku-info
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.seisaku-info th
{
	border-bottom:1px solid #999898;
	font-weight:bold;
}

.seisaku-info:first-child th
{
	width:30%;
}

.seisaku-info td
{
	border-bottom:1px solid #999898;
}

.tokutyou
{
	font-size:120%;
	border-left:6px solid #0192C5;
	padding-left:5px;
	margin-bottom:5px;
}

.hurigana{
	font-size:80%;
	margin-left:20px;
}


/*品質検査の表*/
.hinishituList
{
	border:1px solid #D6D6D6;
}

.hinishituList th
{
	width:35%;
	background:#CDE6FF;
	font-size:100%;
	text-align:center;
}

.hinishituList th,
.hinishituList td
{
	padding:8px 4px;
	border:1px solid #4D4D4D;
}


.hinishituList ul li
{
	float:left;
	width:50%;
}

/*打錠・コーティングの表*/
.itemList
{
	width:100%;
	border:1px solid #D6D6D6;
}

.itemList th
{
	width:25%;
	background:#CDE6FF;
	font-size:100%;
	text-align:center;
}

.itemList th,
.itemList td
{
	padding:6px 8px;
	border:1px solid #4D4D4D;
}


/*ハードカプセルの表*/
.capsuleSizeList
{
	width:100%;
}

.capsuleSizeList td
{
	width:60px;
	border:1px solid #757575;
}

.capsuleSizeList th.rightgray-th
{
	width:30;
	background:#E5E5E5;
	padding:9px 10px;
	border:1px solid #8D8D8D;
	text-align:center;
	
}

.capsuleLineupArea ul img
{
	width:100%;
}

.capsuleSizeList tr th.gray-th
{
	background:#EFEFEF;
	width:20%;
	border:1px solid #8D8D8D;
}


/*ソフトカプセルの表*/
.capsuleTypList
{
	width:95%;
}
.capsuleTypList th,td
{
	border: 1px solid #919191;
}

.capsuleTypList th:nth-child(2n+1) {background-color:#C1D3F0;}
.capsuleTypList th:nth-child(2n+0) {background-color:#BBE2FF;}

.pale-listBg td:nth-child(2n+1) {background-color:#E4ECF9;}
.pale-listBg td:nth-child(2n+0) {background-color:#EEF7FF;}

/********************************
施工事例・お客様の声
********************************/
.voice_midashiBlueFont
{
	color:#008BE8;
	font-size:100%;
	font-weight:bold;
}

.voice_midashiBlueLine
{
	border-left:5px solid #0029AD;
	border-bottom:5px solid #0029AD;
	padding-left:10px;
	padding-bottom:2px;
	font-size:110%;
}

.voiceList
{
	width:100%;
	line-height:1.8em;
	border:1px solid #ADADAD
}

.voiceList th
{
	background-color:#CDE6FF;
	width:30%;
	text-align:center;
	border:1px solid #ADADAD
}

.voiceList td
{
	border:1px solid #ADADAD
}


h3.voice
{
	position: relative;
	padding: .5em 1em .5em 1.2em;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
}

h3.voice::after 
{
	position: absolute;
	top: .3em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: #293fbb;
	border-radius: 4px;
}




/********************************
パンくずナビ
********************************/
.pannavi p
{
	margin:8px 5px 8px 0;
	font-size:11px;
}

/********************************
ページ内リンク
********************************/
.pageLink
{
	width:100%;
	margin:0 auto 20px;
}

.pageLink li{
	position:relative;
	list-style:none;
	width:49%;
	float:left;
	border:1px solid #ccc;
	}

.pageLink li:nth-child(n+3){
	border-top:none;
	}
.pageLink li:nth-child(odd)
{
	border-right:none;
	}
.pageLink li a
{
	text-decoration:none;
	display:block;
	padding:13px 0;
	color:#333;
	text-align:center;
}

.pageLink li a:after
{
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	right: 4%;
	top: 38%;
	color: #666;
	font-size: 0.8em;
}


/********************************
ドキュメント
********************************/
.pageLink li.borderR
{
	border-right:1px solid #ccc;
}

/********************************
施工事例・お客様の声
********************************/
.list
{
	width:100%;
	font-size:90%;
}

.list th
{
	text-align:center;
	background:#eee;
	vertical-align:middle;
	width:40%;
}

.list th,.list td
{
	padding:9px 15px;
	border:1px solid #cccccc;
}

/********************************
お見積りからお届けまでの流れ
********************************/
dl.flowInfo
{
	margin:0;
}

.flowInfo dt
{
	font-weight:bold;
}

.flowInfo .tel a
{
	text-decoration:none;
	color:#ff974a;
	font-weight:bold;
}


.hukidashi
{
	position: relative;
	display: inline-block;
	padding: 15px;
	min-width: 115px;
	height: auto;
	color: #19283C;
	background: #e0f9c4;
}

.hukidashi:after
{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 13px solid #e0f9c4;
}

/********************************
会社概要
********************************/
.aboutTable,.aboutTable th,.aboutTable td
{
	line-height:1.4;
	border:1px solid #dedede;

}

.aboutTable th,.aboutTable td
{
	padding:5px 5px 5px 15px;
}

.aboutTable th
{
	background:#eee;
	width:35%;
	text-align:center;
}

.aboutList th
{
	width:30%;
}

table.borderNone
{
	border:none;
}

/********************************
404
********************************/
.menu404 li
{
	margin:6px 0 4px 35px;
	list-style-type:disc;
	font-size:18px;
}



/********************************
お問い合わせ・お見積り依頼フォーム
********************************/
#MailForm
{
	margin:0 auto;
	text-align:left;
}
#MailForm table
{
	width:100%;
}
#MailForm th
{
	text-align:center;
	background-color:#DCE6FF;
}

#MailForm th,
#MailForm td
{
	padding:10px;
	border:1px solid #cccccc;
}
#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}

/*#MailForm .menuPageLink li ul li{
	background:url(../images/top/icon_l.png) 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top: 12px;
}
*/


div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}


.formBtnArea
{
	width:290px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
}




/*フォームのパーツ*/
input[type=text]
{
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	height: 34px;
	margin: 0;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
textarea
{
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	margin: 0;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	width:100%;
}

::-webkit-input-placeholder
{
color: #ccc;
font-size:1em;
}
::-moz-placeholder
{
color: #ccc; opacity: 1;
font-size:0.9em;
}
:-ms-input-placeholder
{
color: #ccc;
font-size:0.9em;
}

::-webkit-textarea-placeholder
{
color: #ccc;
font-size:1em;
padding-top:10px;
}
::-moz-textarea-placeholder
{
color: #ccc; opacity: 1;
font-size:0.9em;
padding-top:10px;
}
:-ms-textarea-placeholder
{
color: #ccc;
font-size:0.9em;
padding-top:10px;
}

input[type="radio"]
{
	-webkit-appearance: none;
	appearance: none;
	width: 1.5em;
	height: 1.5em;
	border: 1px solid #999;
	border-radius: 50%;
	background-color: #fff;
	background-image: linear-gradient(#fff, #C7C7C7);
	font-size: inherit;
	margin-top:13px;
	float:left;
}
input[type="radio"]:checked
{
	background-image: linear-gradient(#C7C7C7, #fff);
	position: relative;
}
input[type="radio"]:checked:before
{
	content: "";
	display: block;
	width: 50%;
	height: 50%;
	background-color: #333;
	border-radius: 50%;
	box-shadow: 0.1em 0.1em 0.2em #999;
	position: absolute;
	left: 25%;
	top: 25%;
}
.radioBox input[type="radio"] + label
{
	display:block;
	padding:16px 0;
	background-color:#F1F1F1;
}
.radioBox input[type="radio"]:checked + label
{
	background-color:#FFF4EB;
}
.radioBox p
{
	border-top:1px solid #D1D1D1;
	border-left:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
	margin:0 auto;
	width:97%;
}
.radioBox p:last-child
{
	border-bottom:1px solid #D1D1D1;
}

.selectBox select {
	width: 100%;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:1em;
	border: 1px solid #929292;
	background: #ffffff;
	background: url(../images/select_arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #ffffff 1%, #f6f6f6 50%, #dddddd 100%);
	background: url(../images/select_arrow.png) right 50% no-repeat, linear-gradient(to bottom, #ffffff 1%, #f6f6f6 50%, #dddddd 100%);
	background-size:contain;
	font-weight:bold;
	color:#515151;
}

.selectBox select option{
	font-weight:bold;
	color:#515151;
}


.checkboxInput{
	display: none;
}
.checkboxParts{
	padding-left:23px;
	position:relative;
}
.checkboxParts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.checkboxInput:checked + .checkboxParts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #D30E12;
	border-right: 3px solid #D30E12;
}


input:focus {
	border:solid 3px #EEA34A;
}

textarea:focus {
	border:solid 3px #EEA34A;
}