@charset "utf-8";

/*-------------------INDEX
  Reset & Base
  Header
  Footer
  Container Body & Side
  Share ID & Class
 ------------------------*/



/*------------------------
  Reset & Base
 ------------------------*/

h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}
body {
	margin: 0;
	padding: 0;
	border-top: 4px solid #3175B9;
	color: #444;
	font-size: 0.76em;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*:first-child + html body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a {
	outline: none;
}
a:link {
	color: #0059BB;
}
img {
	border: none;
	vertical-align: top;
}
hr {
	display: none;
}

table {
	width: 100%;
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
}
td,th {
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}
th {
	background: #F6F6F6;
}
form {
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}

/*------------------------
  Header
 ------------------------*/

#header {
	width: 952px;
	margin: 0 auto 14px auto;
	background: url(../imgs/share/bg_header2.jpg) no-repeat center bottom;
}
#header h1 {
	float: left;
	margin-top: 7px;
	color: #666;
	font-size: 1em;
	font-weight: normal;
}
#header h2 {
	clear: left;
	float: left;
	padding-top: 27px;
	padding-left: 10px;
}
#header p {
	text-align: right;
}
#header .freeDial {
	margin: 14px 0 16px 0;
}
#glNavi {
	border-bottom: 4px solid #3175B9;
}
#glNavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#glNavi {display: inline-block;}
/* Hides from IE-mac \*/
* html #glNavi {height: 1%;}
#glNavi {display: block;}
/* End hide from IE-mac */

#glNavi li {
	float: left;
	line-height: 45px;
}



/*------------------------
  Footer
 ------------------------*/

#searchIndex,
#searchIndex a {
	color: #666;
	line-height: 1.5;
}
#searchIndex {
	width: 100%;
	margin: 14px 0 14px 0;
	padding: 28px 0 14px 0;
	background: #F6F6F6;
	border: 1px solid #CCC;
	border-left: none;
	border-right: none;
}
.conFooter {
	width: 924px;
	margin: 0 auto;
}
#searchIndex h4 {
	float: left;
	font-size: small;
}
.conFooter ul.area {
	display: block;
	margin: 0 0 21px 11em;
}
.conFooter ul.line {
	display: block;
	margin-left: 11em;
}
.conFooter ul.line ul {
	margin-bottom: 10px;
}
.conFooter .area li,
.conFooter .line li li,
.conFooter .footerNavi li,
.conFooter .corpLink li {
	float: left;
	margin: 0 0.8em 0.3em 0;
	padding: 0 0 0 0.8em;
	line-height: 1.1;
	white-space: nowrap;
	background: url(../imgs/share/line_link.gif) no-repeat left center;
}
.conFooter ul li.first {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
.conFooter ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.conFooter ul {display: inline-block;}
/* Hides from IE-mac \*/
* html .conFooter ul {height: 1%;}
.conFooter ul {display: block;}
/* End hide from IE-mac */

.conFooter ul.footerNavi,
.conFooter ul.corpLink {
	margin-bottom: 0.4em;
}
.conFooter .copy {
	text-align: right;
	padding: 0.6em 0 1em 0;
}



/*------------------------
  Container Body & Side
 ------------------------*/

#conBody {
	width: 952px;
	margin: 0 auto;
	padding-top: 14px;
}
#conBody:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#conBody {display: inline-block;}
/* Hides from IE-mac \*/
* html #conBody {height: 1%;}
#conBody {display: block;}
/* End hide from IE-mac */

#leftSide {
	float: left;
	width: 666px;
}
#rightSide {
	float: right;
	width: 258px;
}

.container {
	margin-bottom: 28px;
}
.container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.container {display: inline-block;}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */


.conGray {
	margin-bottom: 28px;
	padding: 14px;
	background: #F6F6F6;
}
.conGray:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.conGray {display: inline-block;}
/* Hides from IE-mac \*/
* html .conGray {height: 1%;}
.conGray {display: block;}
/* End hide from IE-mac */


/*------------------------
  MyList & History & Reminder *right
 ------------------------*/

.rightList {
	padding: 14px;
	border: 1px solid #CCC;
	border-top: none;
	line-height: 1.5;
}
.rightList p {
	display: block;
	padding-left: 90px;
	line-height: 1.65;
}
.rightList .pict {
	float: left;
	padding-left: 0;
}
.rightList h4 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0.6em;
	padding-left: 90px;
}
#rightSide p.unknown {
	padding: 14px;
	border: 1px solid #CCC;
	border-top: none;
	line-height: 1.8;
}
#rightSide p.unknown span {
	font-size: 1.2em;
	color: #C00;
}
#rightSide #myList h3 {
	padding-left: 46px;
	margin-bottom: -8px;
	line-height: 50px;
	background: url(../imgs/share/bg_title_mylist_right.jpg) no-repeat;
}
#rightSide #reminder h3 {
	padding-left: 50px;
	line-height: 35px;
	background: url(../imgs/share/bg_title_reminder_right.jpg) no-repeat;
}
#rightSide #reminder dl {
	padding: 14px;
	border: 1px solid #CCC;
	border-top: none;
	line-height: 1.5;
	background: #FEF8F8;
}
#rightSide #reminder dt {
	font-weight: bold;
}
#rightSide #reminder dt span {
	font-weight: normal;
}
#rightSide #reminder dt.bt {
	float: left;
}
#rightSide #reminder dd.bt {
	float: right;
	padding: 0;
	margin: 0;
}
#rightSide #reminder dd {
	padding-left: 1em;
	margin-bottom: 7px;
}
#rightSide #history h3 {
	padding-left: 22px;
	line-height: 35px;
	background: url(../imgs/share/bg_title_grad_short.jpg) no-repeat;
}
.rightList:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.rightList {display: inline-block;}
/* Hides from IE-mac \*/
* html .rightList {height: 1%;}
.rightList {display: block;}
/* End hide from IE-mac */

#rightSide .banner {
	margin-bottom: 20px;
}



/*------------------------
  Share ID & Class
 ------------------------*/

td.pict {
	width: 80px;
}
.pict img {
	border: 1px solid #CCC;
}
#pagePath {
	width: 952px;
	margin: 0 auto;
}
.bnReminder {
	margin-bottom: 21px;
}

.linkArrow {
	padding-left: 12px;
	background: url(../imgs/share/bullet_arrow.gif) no-repeat left center;
}
.iconZoom {
	line-height: 16px;
	padding-left: 20px;
	background: url(../imgs/share/icon_zoom.jpg) no-repeat left center;
}
.btCenter {
	text-align: center;
}
.btRight {
	text-align: right;
}
.rowList:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.rowList {display: inline-block;}
/* Hides from IE-mac \*/
* html .rowList {height: 1%;}
.rowList {display: block;}
/* End hide from IE-mac */


.titleGrad {
	padding-left: 21px;
	background: url(../imgs/share/bg_title_grad.jpg) no-repeat;
}
.titleGrad span {
	font-size: 0.76em;
	font-weight: normal;
}
.titleGrad h3 {
	float: left;
	height: 35px;
	line-height: 35px;
}
.titleGrad p {
	float: right;
	margin-right: 10px;
}

.titleGrad:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.titleGrad {display: inline-block;}
/* Hides from IE-mac \*/
* html .titleGrad {height: 1%;}
.titleGrad {display: block;}
/* End hide from IE-mac */


.titleGradNarrow {
	padding-top: 1px;
	padding-left: 21px;
	line-height: 26px;
	background: url(../imgs/share/bg_title_grad_narrow.jpg) no-repeat;
}
.titleGradNarrow span {
	font-size: 0.76em;
	font-weight: normal;
}
.titleGradNarrow h4 {
	float: left;
}
.titleGradNarrow p {
	float: right;
	padding-right: 10px;
}

.titleGradNarrow:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.titleGradNarrow {display: inline-block;}
/* Hides from IE-mac \*/
* html .titleGradNarrow {height: 1%;}
.titleGradNarrow {display: block;}
/* End hide from IE-mac */



.errorMsg {
	margin-bottom: 10px;
	padding: 10px 10px 10px 26px;
	border: 2px solid #C00;
	line-height: 1.5;
	background: url(../imgs/share/icon_error_bg.jpg) no-repeat 10px 10px;
}
.errorMsg strong {
	color: #C00;
	font-weight: bold;
}

.thanksMsg {
	margin: 28px 0 14px 0;
}
.thanksMsg h4 {
	font-size: 1.5em;
	margin-bottom: 10px;
}
.thanksMsg p {
	font-size: 1.2em;
	line-height: 1.5;
}