/* --------------------------------------------------------------------
	import
--------------------------------------------------------------------- */

@import url(column.css);	/* 特集・コラム */


/* body#top div#content
======================================================================= */
body#top div#content p.ban { margin-bottom: 13px; }
body#top div#content div.box { margin-top: 1px; margin-bottom: 10px; border: 1px solid #cccccc;; }

body#top div#content div.box.sp { border: none; height: 103px; }

body#top div#content div.box.info { padding-top: 5px; }
body#top div#content div.box.info table { width: 100%; }
body#top div#content div.box.info table th,
body#top div#content div.box.info table td { padding: 10px 0; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; vertical-align: top; }
body#top div#content div.box.info table th { white-space: nowrap; background-position: right bottom; text-align: right; font-weight: normal; width:100px; }
body#top div#content div.box.info table td { padding-left: 12px; padding-right: 12px; font-weight: bold; }
body#top div#content div.box.info table td.icon { width: 39px; padding: 0; text-align: center; vertical-align: middle; font-weight: normal; }
body#top div#content div.box.info div.more { text-align: right; margin: 8px 10px; color: #666666; line-height: 1.25; }
body#top div#content div.box.info div.more a { margin-left: 2px; }

body#top div#content div.box.menu { padding-bottom: 10px; }
body#top div#content div.box.menu hr { display: none; }
body#top div#content div.box.menu ul { margin: 12px 0 0 9px; list-style: none; font-size: 85%; }
body#top div#content div.box.menu ul li { margin: 0 11px; width: 195px; float: left; display: inline; }
body#top div#content div.box.menu ul li a { display: block; text-decoration: none; }
body#top div#content div.box.menu ul li a strong { display: block; padding: 3px 0 3px 13px ; background: url(/img/common/arw_red_s.png) left center no-repeat; font-weight: normal; text-decoration: underline; }

/* body#info div#content
======================================================================= */
body#info div#content div.box.info { margin: 10px 0; }
body#info div#content div.box.info table { width: 100%; }
body#info div#content div.box.info table th,
body#info div#content div.box.info table td { padding: 10px 0; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; vertical-align: top; }
body#info div#content div.box.info table th { white-space: nowrap; background-position: right bottom; text-align: right; font-weight: normal; width:80px; }
body#info div#content div.box.info table td { padding-left: 12px; padding-right: 12px; font-weight: bold; }
body#info div#content div.box.info table td.icon { width: 39px; padding: 0; text-align: center; vertical-align: middle; font-weight: normal; }
body#info div#content div.box.info div.more { text-align: right; margin: 8px 10px; color: #666666; line-height: 1.25; }
body#info div#content div.box.info div.more a { margin-left: 2px; }

body#info div#content h4 { margin: 20px 0; padding-bottom: 13px; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; vertical-align: middle; font-size: 125%; line-height: 1.3; }
body#info div#content h4 img { margin-right: 6px; vertical-align: middle; }


/* body#login div#content
======================================================================= */
body#login div#content div.cols { margin: 60px 20px 0; }
body#login div#content div.cols div.col { width: 278px; }
body#login div#content div.cols div.col h3 { margin: 0 0 5px; padding: 2px 0 2px 10px; background: url(/img/common/line_vrt_greenpink.png) left center no-repeat; line-height: 1.3; color: #000000; font-size: 125%; }
body#login div#content div.cols div.col div.pane { padding: 0 9px 9px 9px; border: 1px solid #cccccc; }
body#login div#content div.cols div.col div.pane p.msg { padding: 20px 0; background: url(/img/common/line_hrz_dot.gif) left bottom repeat-x; text-align: center; font-size: 85%; }
body#login div#content div.cols div.col div.pane form { display: block; padding-top: 12px; text-align: center; }
body#login div#content div.cols div.col div.pane form label { margin-top: 6px; display: block; }
body#login div#content div.cols div.col div.pane form label input.tx { margin-left: 8px; padding: 2px; border: 1px solid #7f9db9; width: 110px; height: 1.25em; }
body#login div#content div.cols div.col div.pane form input.btn { margin-top: 16px; }
body#login div#content div.cols div.col div.pane div.links a { margin: 12px 10px; padding-left: 16px; background: url(/img/common/arw_red.png) no-repeat left 2px; display: block; font-size: 85%; }
body#login div#content div.cols div.col div.pane div.join { margin: 50px; text-align: center; }


/* body#register div#content
======================================================================= */
body#register div#content p.lead { margin: 20px 0; padding: 2px 0 2px 10px; background: url(/img/common/line_vrt_greenpink.png) left center no-repeat; line-height: 1.3; }
body#register div#content p.done { margin-top: 40px; padding: 110px 0; text-align: center; line-height: 1.3; }

body#register div#content .req { margin-left: 4px; vertical-align: middle; color: #ff3333; font-size: 85%; }
body#register div#content div.req { margin: 0 0 4px 0; }
body#register div#content div.msg { margin-bottom: 12px; padding: 6px; border: 1px solid #cccccc; background-color: #feecec; line-height: 1.3; text-align: center; color: #cc0000; }
body#register div#content div.pane { padding: 9px; border: 1px solid #cccccc; }
body#register div#content div.pane .note { font-size: 85%; }
body#register div#content div.pane .attention { color: #ff3333; font-size: 85%; }

body#register div#content div.pane table { width: 100%; }
body#register div#content div.pane table th,
body#register div#content div.pane table td { border: 1px solid #ffffff; line-height: 1.3; }
body#register div#content div.pane table th { padding: 6px 12px 6px 20px; background: #666666 url(/img/common/que_arw.png) 8px center no-repeat; white-space: nowrap; color: #ffffff; font-weight: normal; }
body#register div#content div.pane table td { padding: 6px 12px; background-color: #ebebeb; color: #666666; }
body#register div#content div.pane table td label,
body#register div#content div.pane table td input,
body#register div#content div.pane table td select,
body#register div#content div.pane table td span,
body#register div#content div.pane table td img { vertical-align: middle; }
body#register div#content div.pane table td label select { margin: 0 6px; }
body#register div#content div.pane table td label.bx { margin-right: 12px; }
body#register div#content div.pane table td label.bx input { margin: -2px 2px 0 0; }
body#register div#content div.pane table td input.tx { margin-right: 6px; padding: 2px; border: 1px solid #7f9db9; width: 115px; height: 1.25em; }
body#register div#content div.pane table td input.tx.tx1 { margin-left: 2px; margin-right: 12px; width: 90px; }
body#register div#content div.pane table td input.tx.tx3 { width: 200px; }
body#register div#content div.pane table td div { margin-top: 4px; }
body#register div#content div.pane table td span { font-size: 85%; }
body#register div#content div.pane table td img { margin-right: 6px; }

body#register div#content div.submits { margin: 60px 0 10px; text-align: center; }
body#register div#content div.submits form { display: inline; }
body#register div#content div.submits .btn { cursor: pointer; margin: 0 24px; }


/* body.contact div#content
======================================================================= */
body.contact div#content div.heading { position: relative; }
body.contact div#content div.heading a { margin-top: -22px; padding-left: 16px; position: absolute; right: 0; background: url(/img/common/arw_red.png) no-repeat left center; }

body.contact div#content p { margin-top: 12px; }
body.contact div#content p.phone { padding-left: 12px; }
body.contact div#content div.expl { padding-top: -6px; margin-bottom: 12px; }

body.contact div#content .req { margin-left: 4px; vertical-align: middle; color: #ff3333; font-size: 85%; }
body.contact div#content div.req { margin: 0 0 4px 0; }
body.contact div#content div.msg { margin: 30px 0 6px; padding: 6px; border: 1px solid #cccccc; background-color: #feecec; line-height: 1.3; text-align: center; color: #cc0000; }
body.contact div#content div.pane { padding: 9px; border: 1px solid #cccccc; }

body.contact div#content div.pane table { width: 100%; }
body.contact div#content div.pane table th,
body.contact div#content div.pane table td { border: 2px solid #ffffff; line-height: 1.3; }
body.contact div#content div.pane table th { padding: 6px 12px 6px 20px; background: #666666 url(/img/common/que_arw.png) 8px center no-repeat; white-space: nowrap; color: #ffffff; font-weight: normal; }
body.contact div#content div.pane table td { padding: 2px 0 2px 12px; }
body.contact div#content div.pane table td em { margin-bottom: 4px; display: block; }
body.contact div#content div.pane table td p { margin-top: 6px; }
body.contact div#content div.pane table td input,
body.contact div#content div.pane table td textarea { padding: 2px; border: 1px solid #7f9db9; }
body.contact div#content div.pane table td input { width: 200px; height: 1.25em; }
body.contact div#content div.pane table td textarea { width: 440px; height: 10em; }

body.contact div#content div.submits { margin: 60px 0 30px; text-align: center; }
body.contact div#content div.submits form { display: inline; }
body.contact div#content div.submits .btn { cursor: pointer; margin: 0 24px; }

body.contact div#content div.hline { height: 30px; background-position: left bottom; }


/* body#copy div#content
======================================================================= */
body#copy div#content p { margin-top: 12px; }
body#copy div#content dl { margin-top: 12px; }
body#copy div#content dl dt { padding: 24px 0 6px; font-weight: bold; }
body#copy div#content dl dd { margin-bottom: 12px; }
body#copy div#content dl dd ul { list-style: none; }
body#copy div#content dl dd ul li { padding-left: 2em; text-indent: -2.5em; margin-bottom: 6px; }
body#copy div#content dl dd ul li span { padding-right: 0em; }


/* body#privacy div#content
======================================================================= */
body#privacy div#content p.lead { margin: 20px 0; padding: 2px 0 2px 10px; background: url(/img/common/line_vrt_greenpink.png) left center no-repeat; line-height: 1.3; }
body#privacy div#content p { margin-top: 12px; }
body#privacy div#content dl { margin-top: 12px; }
body#privacy div#content dl dt { padding: 24px 0 6px; font-weight: bold; }
body#privacy div#content dl dd { margin-bottom: 12px; }
body#privacy div#content dl dd ul { list-style: none; }
body#privacy div#content dl dd ul li { padding-left: 2em; text-indent: -2.5em; margin-bottom: 6px; }
body#privacy div#content dl dd ul li ul { list-style: none; }
body#privacy div#content dl dd ul li ul li { padding-left: 1.5em; text-indent: -1.5em; margin-bottom: 0; }


/* body#kiyaku div#content
======================================================================= */
body#kiyaku div#content p { margin-top: 12px; }
body#kiyaku div#content dl { margin-top: 12px; }
body#kiyaku div#content dl dt { padding: 24px 0 6px; font-weight: bold; }
body#kiyaku div#content dl dd { margin-bottom: 12px; }
body#kiyaku div#content dl dd ul { list-style: none; }
body#kiyaku div#content dl dd ul li { padding-left: 2em; text-indent: -2.5em; margin-bottom: 6px; }
body#kiyaku div#content dl dd ul li span { padding-right: 0em; }


/* body#about div#content
======================================================================= */
body#about div#content p.ban { margin-top: 20px; text-align: center; }
body#about div#content h3 { margin: 30px 0 0 0; }
body#about div#content dl { padding-bottom: 40px; background: url(/img/about/menu_foot.png) left bottom no-repeat; }
body#about div#content dl dt { margin-top: 10px; }
body#about div#content dl dd { margin: 0 10px; padding: 20px 0 16px 16px; background: url(/img/common/line_hrz_dot.gif) left top repeat-x; line-height: 1.7; }
body#about div#content dl dd.first { padding-top: 12px; background: none; }
body#about div#content dl dd strong { margin-left: -16px; padding-left: 16px; display: block; background: url(/img/common/arw_red.png) no-repeat left center; }
body#about div#content dl dd ul { list-style: none; }
body#about div#content dl dd ul li { margin-right: 24px; display: inline; }
body#about div#content dl dd ul li span { padding-right: .5em; }

/* body#campaign div#content
======================================================================= */
body#campaign div#content p.ban { margin-top: 20px; }
body#campaign div#content h3 { margin:30px 10px 15px; padding-left: 16px; background: url(/img/common/arw_red.png) no-repeat left center; color:#e26e94; }
body#campaign div#content h4 { text-align: center; color:#e26e94; }
body#campaign div#content div.text { margin:0 10px; }
body#campaign div#content div.submits { margin: 60px 0 10px; text-align: center; }
body#campaign div#content div.submits form { display: inline; }
body#campaign div#content div.submits .btn { cursor: pointer; margin: 0 24px; }