body { text-align: center; }#wrapper { text-align: left; width: 750px; clear: both; margin: 20px auto auto; }#header { background-color: #e9e9e9; background-image: url(../img/gradient.jpg); background-repeat: no-repeat; background-position: left bottom; width: 750px; margin-bottom: 10px; padding-bottom: 40px; }#header h1 { background-image: url(../img/logo.jpg); background-repeat: no-repeat; background-position: left top; height: 75px; margin: 0; display: block; }#header p { color: #505050; font-size: 11px; background-color: lime; background-image: url(../img/header.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; height: 185px; margin: 0; padding-right: 10px; }/*<agl.folder "navi">*/	#navi { font-size: 12px; width: 150px; float: left; }	#navi h3 { color: white; font-size: 12px; font-weight: bold; background-image: url(../img/navi.gif); background-repeat: no-repeat; background-position: center top; text-align: center; text-indent: 0; height: 18px; margin: 0; padding: 2px 0 0; }	#navi_top { }	#navi ul { margin: 0; padding: 0; list-style-type: none; }	#navi ul li { font-size: 12px; font-weight: bold; text-indent: 7px; height: 18px; margin: 0; padding: 0; }	#navi li a { color: navy; font-size: 12px; background-image: url(../img/navi_a.png); background-repeat: repeat-x; background-position: left top; height: 18px; margin: 0; padding: 0; display: block; }	#navi li a:visited { color: navy; font-size: inherit; background-image: url(../img/navi_a.png); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; display: block; }	#navi li a:hover { color: black; font-size: inherit; background-image: url(../img/navi_a_hover.png); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; display: block; }	#navi ul ul { text-indent: 2px; width: 100%; height: 100%; }	#navi ul li:hover ul { margin-top: -20px; margin-left: 150px; display: block; }	#navi ul li ul { font-weight: normal; font-style: normal; width: 150px; height: 0; margin-top: -55px; margin-left: -1000px; }	#navi ul ul li { text-indent: 1px; padding-left: 6px; }	#navi ul li ul li { background-image: none; padding-left: 2px; }	#navi_lower { margin-top: 10px; }	#navi_lower li { margin-left: 0; }	#navi .y { background-image: url(../img/navi.jpg); background-position: left top; }	#navi .y a:hover { background-color: white; }/*</agl.folder>*/#content { font-size: 12px; width: 580px; float: right; }#content h2 { color: white; font-size: 16px; font-weight: 700; background-color: #008000; background-image: url(../img/h_bc.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; padding-top: 2px; padding-bottom: 2px; }#content h3 { color: white; font-size: 12px; background-image: url(../img/h3_bc.jpg); background-repeat: repeat-x; background-position: left top; margin: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }#content h4 { color: #00f; font-size: 12px; background-color: #00ffaf; margin-right: 10px; margin-left: 10px; padding-left: 10px; }#content p { margin-right: 10px; margin-left: 10px; }#content #strong { font-size: 14px; font-weight: bold; }#content li {  }#content li ul { font-family: "Courier New", Courier, Monaco, monospace; margin: 2px 0; }td { }a:link { color: blue; text-decoration: none; }a:visited { color: navy; text-decoration: none; }a:hover { color: maroon; text-decoration: underline; }a:active { text-decoration: none; }/* Internet Explorer and the Expanding Box Problem.It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.*/body { word-wrap: break-word; }#bottom { color: gray; font-size: 9px; background-image: url(../img/bottom.jpg); background-repeat: no-repeat; background-position: left bottom; text-align: center; width: 750px; height: 78px; clear: both; margin-top: 5px; padding-top: 5px; border-top: 1px dotted gray; }#bottom a:hover { color: black; }#bottom a { color: gray; }#bottom ul { margin: 0; }#bottom li { margin-right: 2px; margin-left: 2px; list-style-type: none; display: inline; }.kome { padding-left: 23px; }.kome li { text-indent: 0; margin-left: 0; padding-left: 0; list-style-image: url(../img/kome.png); list-style-position: outside; }/*index.html*/.indent { text-align: center; }.top_main { width: 400px; float: left; padding: 0; }.top_main p { margin: 10px 0; padding: 0; }.top_link { text-indent: 0; }.top_link a { color: white; font-size: 20px; font-weight: bolder; line-height: 35px; text-align: center; text-indent: -40px; width: 400px; height: 30px; padding-top: 5px; display: block; }.top_link a:visited { color: white; }.top_link a:hover { color: #ffd400; font-weight: bolder; display: block; }.top_link li { width: 400px; height: 44px; margin-bottom: 40px; display: block; }.faq_faq { }.top_link li ul { width: 350px; }.top_link li ul li { color: black; font-size: 12px; text-indent: 0; width: 350px; margin-top: 10px; margin-left: 15px; display: block; }.top_sms { background-image: url(../img/top_sms.gif); background-repeat: no-repeat; background-position: left top; }.top_load { background-image: url(../img/top_load.gif); background-repeat: no-repeat; background-position: left top; }.top_tel { background-image: url(../img/top_tel.gif); background-repeat: no-repeat; background-position: left top; }.top_info { font-size: 12px; width: 150px; float: right; margin: 0; padding: 0; }.top_info a { color: blue; }.top_info a:hover { color: #c39; }#content .top_info h3 { text-align: center; text-indent: 0; margin-bottom: 15px; padding: 0; }.top_info_info { margin-bottom: 15px; border: solid 1px green; }#content .top_info h4 { background-color: #98ffa8; text-align: center; margin: 0 0 5px; padding: 0; }#content .top_info p { margin: 0; padding: 0 3px; }.jptxt { clear: both; margin-top: 30px; padding-top: 10px; }/*flow.html*//*<agl.folder "ご利用の流れ">*/	.flow { font-size: 14px; width: 580px; clear: both; margin: 0; padding: 0; }	.flow_upper { padding: 0; }	.flow_upper .flow_left { text-align: center; width: 180px; float: left; margin: 0; }	.flow_upper .flow_left ul li { font-size: 12px; background-color: white; text-align: left; padding-left: 5px; }	.flow_upper .flow_right { text-align: left; width: 380px; float: right; }	.flow_upper ul { text-indent: 0; margin-left: 0; padding: 0; }	.flow_upper ul li { margin: 0; padding: 0; list-style-type: none; display: block; }	.flow_upper .start { background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: center bottom; text-align: center; width: 100%; height: 55px; }	.flow_upper .start li { background-color: #0f0; }	.flow_upper .below { color: white; background-image: url(../img/arrow_below.gif); background-repeat: no-repeat; background-position: center bottom; text-align: right; text-indent: -9999px; }	.flow_upper .enclose { padding: 2px; border: solid 2px gray; }	.flow_upper .color { color: white; font-size: 12px; font-weight: bold; background-color: #37919c; padding-top: 2px; padding-right: 5px; padding-bottom: 2px !important; padding-left: 5px !important; }	.flow_upper .quick { background-color: white; text-align: left; width: 180px; float: right; }	.flow_upper .quick li { background-color: yellow; text-align: center; }	.flow_upper .quick li li { font-size: 12px; background-color: #fff; text-align: left; padding: 2px 5px; }	.flow_bottom { text-align: center; clear: both; padding-top: 20px; }	.flow_bottom ul { text-align: center; margin: 10px 0 0; }	.flow_bottom li { text-align: center; text-indent: 0; margin: 5px auto; padding: 0; list-style-type: none; }	.normal { text-align: left; width: 180px; }	.normal ul li { font-size: 12px; padding: 2px 5px; }	.shikata { margin-top: 20px; }	.shikata li { margin: 10px auto; }/*</agl.folder>*//*登録方法*//*<agl.folder "登録方法">*/	.reg_red { color: white; font-size: 12px; font-weight: bold; background-color: red; text-align: center; margin-top: 5px; padding-top: 1px; padding-bottom: 1px; }	.reg { color: white; line-height: 18px; background-image: url(../img/k-tai.gif); background-repeat: no-repeat; background-position: left top; text-indent: 30px; width: 114px; height: 40px; margin: 0; }	.reg a { color: white; }	.mail_write { background-image: url(../img/mail_write.gif); background-repeat: no-repeat; background-position: left top; text-indent: 160px; height: 205px; float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }	.mail_write li { list-style-type: none; }	.mail_sp { background-image: url(../img/mail_sp.gif); background-repeat: no-repeat; background-position: left top; text-indent: 160px; height: 225px; padding: 0; }	.mail_sp li { text-indent: 140px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }	.mail_blance { background-image: url(../img/mail_blance.gif); background-repeat: no-repeat; background-position: left top; text-indent: 140px; height: 230px; float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }	.mail_blance li { list-style-type: none; }	td img { margin-top: 2px; margin-bottom: 2px; }/*</agl.folder>*/.menu { background-image: url(../img/menu.gif); background-repeat: no-repeat; background-position: left top; margin-left: 50px; padding-left: 60px; }.menu li { list-style-type: none; }.three_one { background-image: url(../img/about_img01.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; text-indent: -9999px; width: 495px; height: 190px; list-style-type: none; }.three_one li { list-style-type: none; }.convini { background-image: url(../img/flow_img01.gif); background-repeat: no-repeat; background-position: left top; width: 378px; height: 77px; margin-bottom: 10px; }.dsR26 { text-indent: 10px; }.dsR30 { text-indent: 5px; }#right { width: 220px; float: left; }.clear { clear: both; }.map { background-repeat: no-repeat; background-position: left top; text-align: center; width: 580px; height: 300px; margin: 0; }.map ul { background-image: url(../img/carrier.gif); background-repeat: no-repeat; background-position: center; text-indent: -9999px; padding-top: 80px; list-style-type: none; }.map li { font-size: 18px; padding-top: 20px; }.red { color: red; }.blue { color: blue; }.number ol { color: blue; list-style-type: decimal; }.unuder_line { text-decoration: underline; }.t_left1 { background-color: #fc0; text-indent: 30px; width: 120px; height: 20px; float: left; clear: right; margin: 2px 5px 2px 2px; padding-top: 3px; padding-bottom: 3px; border-right-color: white; border-right-width: 10px; }.t_right1 { background-color: #fc9; width: 400px; height: 20px; margin: 2px 2px 2px 10px; padding-top: 3px; padding-bottom: 3px; }table { font-size: 12px; clear: both; }.tel li { font-size: 12px; }/*<agl.folder "faq">*/	#navi .top_info { margin-top: 20px; }	#navi .top_info_info { margin-bottom: 15px; border: solid 1px green; }	#navi .top_info h4 { background-color: #98ffa8; text-align: center; margin: 0 0 5px; padding: 0; }	#navi .top_info p { margin: 0; padding: 0 3px; }	#navi .top_info h3 { text-align: center; text-indent: 0; margin-bottom: 0; padding: 0; }	.faq_faq { }	.faq_faq ul { padding-left: 20px; list-style-type: none; }	.faq_faq ul li { font-weight: bold; }	.faq_faq ul li ul li { font-weight: normal; }	.faq_faq ul ul li ul { height: 0; margin-top: -9999px; }	.goriyou { height: 0; }	.to_top { font-size: 12px; text-align: right; }	.sub_menu ul { text-indent: -9999px; height: 0; }	.faq_left { background-image: url(../img/card2.jpg); background-repeat: no-repeat; background-position: center bottom; width: 280px; height: 300px; float: left; }	.faq_left h3 { text-align: center; text-indent: 0; }	.faq_right {	line-height: 15px;	background-image: url(../img/sp_card0.gif);	background-repeat: no-repeat;	background-position: center bottom;	text-align: left;	width: 280px;	height: 300px;	float: right;	margin-right: 0;	padding: 0;}	.faq_right h3 { text-align: center; text-indent: 0; }	.q1 { background-image: url(../img/mail_write_jptxt.gif); background-repeat: no-repeat; background-position: left top; padding-left: 150px; }	.a3 { padding: 0; }	.a3_ex { text-indent: 2em; }/*</agl.folder>*//*<agl.folder "sms">*/	.card { clear: both; }	.card_left { text-align: center; float: left; margin-left: 50px; }	.card_right { text-align: center; float: right; margin-right: 50px; }	.card li { list-style-type: circle; }	.bc { background-color: #c8ffdd; }	.cv { background-image: url(../img/convini.gif); background-repeat: no-repeat; background-position: center top; text-align: center; text-indent: -9999px; height: 60px; }	.cv li { list-style-type: none; }/*</agl.folder>*//*<agl.folder "oversee">*/	.txt_white { color: white; }	ol tr { text-indent: 5px; padding-left: 10px; list-style-type: decimal; }/*</agl.folder>*/
