@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
	font-size: 120%;
}
#body_bg_other h1 {
	margin-top:43px;
	position: absolute;
	top:96px;
	color:#fff;
	font-size:280%;
	font-weight:normal;
	padding-top:31px;
	letter-spacing:0.1em;
}
h2 {
	margin-top:43px;
	font-weight:bold;
	font-size:210%;
	padding-bottom:14px;
	padding-left:3px;
	background:url(../images/h2_bg.gif) bottom no-repeat;
	letter-spacing:0.1em;
}
h2.top {
	margin-top:0;
	font-weight:bold;
	font-size:160%;
	padding-bottom:11px;
	padding-left:3px;
	background:url(../images/h2_bg.gif) bottom no-repeat;
	letter-spacing:0.1em;
	font-size:170%;
}
h3 {
	background: url(../images/burette_h4.jpg) 7px center no-repeat #e5e5e5;
	padding:10px 10px 10px 22px;
	color:#1F1F1F;
	font-weight:bold;
	font-size: 136%;
	letter-spacing:0.1em;
	margin-top:55px;
}
h4 {
}
h5 {
}
a {
}
a:hover, a:active {
}
a:visited {
}
dl {
}
dt {
}
dd {
}
table {
	border-collapse:collapse;
}
th, td {
	border: none;
	padding:0;
	color:#000;
	vertical-align:top;
}
th {
}
td {
}
p {
margin:;
}
dt img, dd img, li img {
	vertical-align: bottom;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
}

body {
	color: #000;
	text-align: center;
}
#body_bg_top {
	background:url(../images/bg_wrapper.jpg);
}
#body_bg_top #wrapper {
	background:url(../images/bg_top.jpg) left top repeat-x;
}
#body_bg_other {
	background:url(../images/bg_wrapper.jpg);
}
#body_bg_other #wrapper {
	background:url(../images/bg_other.jpg) left top repeat-x;
}
#main {
	width: 1000px;
	margin:0 auto;
	margin-top:356px;
	text-align: left;
}
#body_bg_other #main {
	margin-top:260px;
}
#main h2 {
}
#main img {
	vertical-align:top;
}
#content {
	width: 716px;
	text-align: left;
	float: right;
}
.access {
	background: #dfdfdf;
	overflow: hidden;
	height: 1px;
	font-size:1px;
	line-height:1px;
}
.container {
	margin: 0 auto;
	width: 1060px;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header_wrapper {
	width: 100%;
	text-align: center;
	background:url(../images/header_bg.jpg) repeat-x;
}
#wrapper {
}
#header {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	padding-top:15px;
	position: relative;
}
#header p {
	margin-top:-3px;
	color:#222222;
	margin-left:5px;
}
#header_left {
	width:392px;
	float:left;
}
#header_right {
	width:523px;
	float:right;
}
.logo {
	left: 0;
	position: absolute;
	top: 38px;
}
.tel {
}
.navi {
	float:right;
	width:460px;
	text-align:right;
	padding:10px 4px 10px 0;
}
.navi li {
	margin:0 15px 0 0;
	display:inline-block;
 /display:inline;/*IE7*/
 /zoom:1;/*IE7*/
	background:url(../images/burette_on.jpg) left center no-repeat;
	zoom:1;
	font-size:100%;
}
.navi li a {
	color:#000;
	text-decoration:none;
	padding-left:17px;
	background:url(../images/burette_off.jpg) left center no-repeat;
}
.navi li a:hover {
	background:url(../images/burette_on.jpg) left center no-repeat;
}
div#header ul.header_contact {
	width:460px;
	float:right;
}
li.header_tel {
	float:left;
	padding-left:22px;
}
li.header_mail {
	float:left;
	padding-left:8px;
	margin-right:-5px;
}
div#global_nav {
	left: 0;
	position: absolute;
	top: 85px;
}
div#global_nav ul {
	text-align: left;
	width: 1000px;
	letter-spacing:0;
	line-height:0;
	height:54px;
}
div#global_nav ul li {
	float: left;
	list-style: none;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


/* common
------------------------------------------------------------------------*/
#wrapper img {
	vertical-align: bottom;
}
.contact_bnr {
	margin-top:40px;
}
#content p {
	line-height:1.6em;
	text-align:justify;
	text-justify:inter-ideograph;
}
#content a.content_link {
	display:block;
	padding:6px 0 6px 24px;
	background: url(../images/burette.jpg) 3px center no-repeat;
	text-decoration:none;
}
#content a:hover.content_link {
	text-decoration:underline;
}
*>/**/sup {
	vertical-align: text-top;
	line-height: 4px;
	font-size:70%;
}
.section {
	clear:both;
}
.section p {
	margin-top:16px;
	color:#565656;
	line-height:1.9;
	font-size: 136%;
}
.section p a {
	color: #40A0DA;
	text-decoration: underline;
}
.section p a:hover {
	text-decoration: none;
}
.section ul {
	margin-top:16px;
	color:#565656;
	line-height:1.9;
	font-size: 126%;
}
.section ul li {
	padding-left:18px;
	background:url(../images/burette01.jpg) no-repeat left center;
}
.section ul li span {
	color:#FF6600;
}
.mgn_top20 {
	margin-top:20px;
}
.mgn_top40 {
	margin-top:40px;
}
ol {
	padding-left:18px;
	margin:20px 0 10px 18px;
}
ol li {
	margin:0 0 15px 0;
	list-style:decimal;
	color:#565656;
	line-height: 1.9;
	font-size: 136%;
}
ol li ol li {
	margin:0 0 15px 0;
	list-style:decimal;
	color:#565656;
	line-height: 1.9;
	font-size: 100%;
}
#contact_btn {
	text-align:center;
	margin-top:65px;
}
/*==========================================================================*/
/*                            form　　　                                    */
/*==========================================================================*/
.login {
	width:523px;
	float:right;
}
#header .header_right .btn_id {
	float: left;
	margin-top:9px;
	margin-right:7px;
}
#header .header_right .btn_pass {
	float: left;
	margin-top:9px;
	margin-left:15px;
	margin-right:6px;
}
#header .header_right .login form input {
	border: 0 none;
	float: left;
	height: 23px;
	width: 176px;
	padding:2px;
	background: url(../images/bg_input.jpg) top center no-repeat;
}
#header .header_right .login form input.b_login {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	height: 27px;
	margin: 0;
	margin-left:12px;
	padding: 0;
	width: 80px;
}
#header .header_right .login form .radioinput label {
	display: block;
	float: left;
	padding-left: 5px;
	width: auto;
}
.forpass {
	position:absolute;
	top:56px;
	right:0;
}
.forpass p {
	width:523px;
	text-align:right;
}
.forpass p a {
	color:#000;
	text-decoration:none;
}
.forpass p a:hover {
	color:#3c3c3c;
	text-decoration: underline;
}
.forpass p span {
	padding-left:13px;
	background: url(../images/burette_forpass.jpg) left center no-repeat;
}
/*==========================================================================*/
/*                            index 　　                                    */
/*==========================================================================*/

#body_bg_top #main {
}
.simpleSlideShow img {
	display : none;
}
.simpleSlideShowWrapper {
	margin : 0 auto;
	position : relative;
}
.simpleSlideShowWrapper img {
	position : absolute;
	left : 0;
	top : 0;
}
#main_img {
	margin: 0 auto;
	width:1000px;
	height: 198px;
	text-align: left;
	overflow: hidden;
	position: absolute;
	top:139px;
}
#main_img img {
	top: 0;
	left: 0;
	position: absolute;
}
#member {
	display:block;
	width:180px;
	height:180px;
	position:absolute;
	top:247px;
	left:820px;
	margin:0 auto;
	z-index:25;
}
#news {
	padding-bottom: 35px;
	width:816px;
}
#news a {
	color:#1F1F1F;
	text-decoration:none;
}
#news a:hover {
	color:#1F1F1F;
	text-decoration: underline;
}
#news p {
	width:816px;
	text-align:right;
}
#news p a {
	color:#222222;
}
#news span {
	padding-left:16px;
	background:url(../images/burette_news.png) left center no-repeat;
}
#news dl {
	margin-top:17px;
}
#news dt {
	font-weight: normal;
	line-height: 17px;
	text-indent: 0;
	width: 113px;
	border-bottom:1px dotted #c6c6c6;
	padding-bottom: 12px;
	font-size:130%;
}
#news dd {
	line-height: 18px;
	margin: -31px 113px 18px;
	padding-left: 93px;
	padding-right: 7px;
	width: 600px;
	border-bottom:1px dotted #c6c6c6;
	padding-bottom: 12px;
	font-size:130%;
}
#news dd.press {
	background: url(../images/icon_press.jpg) no-repeat scroll left top;
}
#news dd.news {
	background: url(../images/icon_news.jpg) no-repeat scroll left top;
}
#news dd.topic {
	background: url(../images/icon_topic.jpg) no-repeat scroll left top;
}
#news dd.warn {
	background: url(../images/icon_warning.jpg) no-repeat scroll left top;
}
#top_bnr01 ul li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#top_bnr01 ul li.last {
	float:left;
	margin-right:0;
}
#top01 {
	margin-top:47px;
	font-size:110%;
}
.top01_01 {
	width:317px;
	border-right:solid 1px #d1d1d1;
	float:left;
	padding-right:17px;
}
.top01_01 dd {
	padding-top:14px;
	color:#565656;
	line-height:2;
}
.top01_02 {
	width:281px;
	border-right:solid 1px #d1d1d1;
	float:left;
	padding-left:20px;
	padding-right:34px;
}
.top01_02 dd {
	padding-top:14px;
	color:#565656;
	line-height:2;
}
.top01_03 {
	width:306px;
	float:left;
	padding-left:23px;
}
.top01_03 dd {
	padding-top:14px;
	color:#565656;
	line-height:2;
}
#top_bnr02 {
	margin-top:50px;
}
#top_bnr02 .box {
	margin-top:20px;
	background:#fff;
	border:solid 1px #dddddd;
}
#top_bnr02 .box li {
	float:left;
	padding:15px 40px;
}
/*==========================================================================*/
/*                            footer　　                                    */
/*==========================================================================*/


#footer01_wrapper {
	background:url(../images/bg_footer01.jpg) repeat-x;
	margin-top:87px;
}
#footer01 {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#footer01 #crumbs {
	width:400px;
	float:left;
	margin:14px 0 13px 0;
	background:url(../images/bg_crumb.jpg) 5em center no-repeat;
}
#footer01 #crumbs a {
	margin-right:37px;
}
#body_bg_top #footer01 #crumbs {
	background:none;
}
#footer01 p a {
	color:#565656;
	text-decoration:none;
}
#socialbuttons {
	margin-top:14px;
	width:400px;
	float:right;
}
.facebook {
	float: right;
}
.twitter {
	float: right;
	margin-right:-5px;
}
#footer02 {
	clear:both;
	background:url(../images/bg_footer02.jpg) repeat-x;
	text-align:center;
}
#footer02 a {
}
#footer02 ul {
	padding:24px 0;
}
#footer02 ul li {
	margin-bottom:5px;
	display:inline;
	line-height:1.4;
	font-size:120%;
}
#footer02 ul li a {
	white-space:nowrap;
	padding:0 20px;
	color:#cdcdcd;
	text-decoration:none;
}
#footer02 ul li a:hover {
	text-decoration: underline;
}
address {
	background:#000;
	clear:both;
	text-align:center;
	padding:15px 0;
	color:#fff;
	font-size:110%;
	font-weight:normal;
}
.pagetop {
	float:right;
	margin-top:-70px;
}
.pagetop img {
	padding-right:20px;
}
/*==========================================================================*/
/*                            widget　　                                    */
/*==========================================================================*/

.widget {
	width:790px;
	background:#fff;
	text-align:left;
	margin:25px auto 55px auto;
	padding:15px 14px 40px 14px;
	border:solid 1px #dddddd;
}
.widget .widget_tite p{
	margin:0 0 5px 0;
	padding:0;
}
.widget .widget_tite p.widget_left{
	width:333px;
	float:left;
}
.widget .widget_tite p.widget_right{
	width:457px;
	float:left;
	font-size:126%;
}
.widget_img .pc{
	width:377px;
	float:left;
	text-align:center;
	margin-top:14px;
	margin-right:16px;
}
.widget_img .smartphone{
	width:376px;
	float:left;
	text-align:center;
	margin-top:15px;
	background:url(../images/widget_bg.jpg) no-repeat;
	padding-top:146px;
	min-height:134px;
	height: auto !important;
	height: 134px;
}


/*==========================================================================*/
/*                            targeting　　                                 */
/*==========================================================================*/

.targeting {
	text-align:center;
	margin:25px 0;
	padding-bottom:20px;
}
/*==========================================================================*/
/*                            advertiser　　                                */
/*==========================================================================*/

.advertiser {
	text-align:center;
	margin:25px 0;
	padding-bottom:20px;
}
.section .advertiser li {
	background:none;
	padding-left:0;
	float:left;
	margin-left:36px;
	margin-right:3px;
	margin-bottom:20px;
}
/*==========================================================================*/
/*                            guide　　                                     */
/*==========================================================================*/

.guide dl {
}
.guide dt {
	margin-top:17px;
}
.guide dd {
	margin-top:15px;
	color:#565656;
	line-height:1.9;
	font-size: 136%;
}
.guide dd dl {
	color:#565656;
	margin-top:0;
}
.guide dd dl dt {
	margin-top:30px;
	font-weight:bold;
	color:#353535;
}
.guide dd dl dd {
	margin-top:0px;
	color:#565656;
	line-height:1.9;
	font-size: 100%;
}
/*==========================================================================*/
/*                            about　  　                                   */
/*==========================================================================*/

.about {
	text-align:center;
	margin:25px 0;
	padding-bottom:20px;
}



/*==========================================================================*/
/*                            FAQ　  　                                   */
/*==========================================================================*/
.tabContainer dl {
	clear: both;
	margin-top: 15px;
}
.tabContainer dl dt {
	margin: 0 0 10px;
	font-size: 136%;
	color: #3399D8;
	padding-left: 18px;
	background: url(../images/burette01.jpg) no-repeat left center;
	text-decoration: underline;
}
.tabContainer dl dt a {
	text-decoration: underline;
}
.tabContainer dl dt a:hover {
	text-decoration: none;
}
.tabContainer dl dd {
	margin-bottom: 20px;
	background: #FFF;
	padding: 12px;
	font-size: 136%;
	color: #565656;
	line-height: 1.8em;
}
.tabContainer dl dd a {
	color: #40A0DA;
	text-decoration: underline;
}
.tabContainer dl dd a:hover {
	text-decoration: none;
}