@charset "utf-8";
/*---------------------------------------------------------------
 screen -> common.css
---------------------------------------------------------------*/




/* Common Setting
===============================================================*/
body {
	font-family: "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px 10px;
	text-align: center;
}

div {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

table td {
}

form {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 88%;
	line-height: 150%;
	padding: 5px 0px;
	margin: 0px;
}


a:link {
	color: #0000ff;
}

a:visited {
	color: #6a97c2;
}

a:hover {
	color: #FF0000;
}

a:active {
	color: #9966FF;
}





/* Item Setting
============================================================*/

.nopadding {
	padding: 0px;
}

.nomargin {
	margin: 0px;
}

.nomargin_top {
	margin-top: 0px;
}

.icon {
	padding-right: 5px;
	vertical-align: middle;
}

.floatLeft {
	float: left;
}

img.floatLeft {
	padding: 0px 10px 10px 0px;
}

.floatRight {
	float: right;
}

img.floatRight {
	padding: 0px 0px 10px 10px;
}

.clear {
	clear: both;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}




/* Text Setting
============================================================*/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.font-10 {
	font-size: 10px;
	line-height: 130%;
}


.note {
	font-size: 10px;
	color: #666666;
}

.note2 {
	font-size: 12px;
	color: #808000;
}

.note3 {
	font-size: 12px;
	color: #008000;
}

.note4 {
	font-size: 12px;
	color: #336600;
}

.note5 {
	font-size: 12px;
	color: #444444;
}

.note6 {
	font-size: 14px;
	color: #ff0000;
	text-align: center;
}

.note7 {
	font-size: 16px;
	color: #003366;
	text-align: right;

}

.note8 {
	font-size: 11px;
	color: #666600;
	text-align: right;

}

.font-12 {
	font-size: 12px;
	color: #440000;
}

.font-14 {
	font-size: 12px;
}

.crumbs {
	font-size: 10px;
}

.strong {
	background: #FFFF00;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

h3.text {
	background: url(../../pts/share/bgH3.gif) no-repeat left top;
	line-height: 45px;
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	color: #CC6600;
	padding: 0px 25px 0px 45px;
}

h4.text {
	font-size: 88%;
	line-height: 35px;
	background: url(../../pts/pts/01/bgH4.jpg) repeat-x left top;
	margin: 25px 0px 15px;
	padding-left: 10px;
	border-top: 3px solid #cccccc;
	border-bottom: 1px solid #dddddd;
	clear: both;
}

h5.text {
	font-size: 88%;
	font-weight: bold;
	padding: 10px;
	margin: 30px 0px 15px;
	color: #CC0000;
	clear: both;
}

.price1 {
	font-size: 12px;
	color: #ff0000;
	text-align: center;
	font-weight: bold;

}

.price2 {
	font-size: 14px;
	color: #ff0000;
	text-align: center;
}

.price3 {
	font-size: 18px;
	text-align: center;
}

.price4 {
	font-size: 24px;
	color: #ff0000;
	text-align: left;
}

/* list style
====================*/
ul.text {
	font-size: 88%;
	line-height: 150%;
	padding: 0px;
	margin: 3px 0px;
	list-style: none;
	border : 1px solid #cccccc;
}

ul.text li {
	padding: 2px 0px 2px 25px;
	margin: 0px;
	background: url(../../pts/share/iconList.gif) no-repeat 10px 5px;
}

ol.text {
	font-size: 88%;
	line-height: 150%;
	padding: 0px 0px 0px 1.5em;
	margin: 3px 0px;
}

ol.text li {
	padding: 2px 0px;
	margin: 0px;
}

ol.text ol {
	list-style-type: lower-alpha;
}





/* Block Setting
============================================================*/

div.storySize5 {
	padding: 5px;
}

div.storySize10 {
	padding: 10px;
}

div.storySize15 {
	padding: 15px;
}

div.storySize20 {
	padding: 20px;
}

p.text {
	padding-left: 10px;
	padding-right: 10px;
}

p.toptext {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
}

div.normalTbl {
	margin: 10px 0px;
	clear: both;
}

div.normalTbl table{
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

div.normalTbl table td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 5px;
}

div.normalTbl table th {
	font-weight: bold;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 5px;
	background: #efefef;
	font-size: 12px;
}

div.normalTbl table td.head {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 5px;
	background: #f5f5f5;
}

td.dotLine {
	background: url(../../pts/shareBgDot.gif) repeat-x left center;
}

td.dotColumn {
	background: url(../../pts/shareBgDot.gif) repeat-y center top;
}





/* Form Item
============================================================*/

.formQuestion {
	background: #E1DCD2;
	margin: 20px 0px 10px;
	padding: 3px 10px;
	font-weight: bold;
}

.formAnswer {
	padding: 5px 10px;
}

div.formSecondLv {
	padding-left: 20px;
	border-left: 3px solid #dddddd;
}

div.formSecondLv p.formQuestion{
	background: #F2F0EC;
	font-weight: normal;
}

input.formInput {
	font-size: 95%;
	padding: 5px;
}

input.formInputL {
	width: 98%;
	font-size: 95%;
	padding: 5px;
}

select.formSelect {
	font-size: 95%;
	padding: 5px;
}

p.formButton {
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #dddddd;
	padding: 10px;
}

input.formButton {
	font-size: 95%;
	padding: 5px 15px;
	font-weight: bold;
}