/* CSS Document */
@charset "Shift_Jis";

*{
margin:0;
padding:0;
}

table tr td {
padding:5px;
}

div{
margin:0;
padding:;
}
p{
margin:0;
padding:;
}

body{
background:#f1f1f0;
font-size:13px;
color:#333333;
line-height:150%;
text-align:left;
margin:0;
padding:0;
}




.clear{
clear:both;
}


/* main_container */
#main_container01{
width:100%;
height:239px;
background:url(images/smile_bg.gif) repeat-x 0 0;
text-align:center;
}
#main_container02{
width:752px;
margin:0 auto;
}




/* header_container
---------------------------------------- */
#header_container{
width:752px;
height:80px;
background:url(images/smile_top_bg.gif) no-repeat 0 0;
margin-bottom:10px;
}
h1{
width:305px;
height:45px;
background:url(images/smil_logo.gif) no-repeat 0 0;
float:left;
text-indent:-9999px;
margin:20px 0 0 24px;
}
h1 a{
width:305px;
height:45px;
background:url(images/smil_logo.gif) no-repeat 0 0;
display:block;
}
h2{
width:186px;
height:65px;
background:url(images/smile_address.gif) no-repeat 0 0;
float:right;
margin:0;
text-indent:-9999px;
padding:0 15px 0 0;
}





/* body_container
------------------------------------ */
#body_container{
width:752px;
height:10px;
background:url(images/smil_body_bg01.gif) no-repeat 0 0;
padding-top:10px;
}
#body_container dd{
width:752px;
background:url(images/smile_body_bg02.gif) repeat-y 0 0;
float:left;
padding:20px 0 0 15px;
margin:0;
}


/* leftbox_container
------------------------------------ */
#leftbox_container{
width:210px;
float:left;
padding-top:74px;
background:url(images/smile_navi_top.gif) no-repeat 0 0;
}
#leftbox_container #bg{
width:210px;
background:url(images/smile_navi_bg.gif) repeat-y 0 0;
padding:0 0 0 1px;
margin:0;
float:left;
}

#leftbox_container ul{
width:208px;
list-style:none;
float:left;
margin:0;
padding:0;
}

/* rightbox_container
------------------------------------ */
#rightbox_container{
width:505px;
margin:0 0 0 21px;
text-align:left;
float:left;

}
#rightbox_top_iamge{
width:505px;
height:248px;
background:url(images/smile_mainimage.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#rightbox_top_title{
width:274px;
height:42px;
background:url(images/smile_title.gif) no-repeat 0 0;
text-indent:-9999px;
margin:34px 0 20px 10px;
float:left;
}
#rightbox_top_txt{
width:480px;
font-size:13px;
color:#333333;
line-height:180%;
margin:20px 0 0 10px;
text-align:left;
float:left;
}
#box_btn{
width:505px;
height:184px;
margin:0;
background:url(images/smile_right_image.jpg) no-repeat right 0;
float:left;
}
#box_btn p a{
width:172px;
height:51px;
background:url(images/smile_info_btn.gif) no-repeat 0 0;
text-indent:-9999px;
margin:135px 0 0 130px;
float:left;
}

#page_pr {
padding:5px 10px 5px 20px;
}






/* smile_navi
------------------------------------ */

/* navi01 */
#smile_navi01{
width:208px;
height:48px;
background:url(images/smile_navi01.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi01 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi01.gif) no-repeat 0 0;
}
#smile_navi01 a:hover{
background:url(images/smile_navi01_hover.gif) no-repeat 0 0;
}
/* navi02 */
#smile_navi02{
width:208px;
height:48px;
background:url(images/smile_navi02.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi02 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi02.gif) no-repeat 0 0;
}
#smile_navi02 a:hover{
background:url(images/smile_navi02_hover.gif) no-repeat 0 0;
}
/* navi03 */
#smile_navi03{
width:208px;
height:48px;
background:url(images/smile_navi03.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi03 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi03.gif) no-repeat 0 0;
}
#smile_navi03 a:hover{
background:url(images/smile_navi03_hover.gif) no-repeat 0 0;
}
/* navi04 */
#smile_navi04{
width:208px;
height:48px;
background:url(images/smile_navi04.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi04 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi04.gif) no-repeat 0 0;
}
#smile_navi04 a:hover{
background:url(images/smile_navi04_hover.gif) no-repeat 0 0;
}
/* navi05 */
#smile_navi05{
width:208px;
height:48px;
background:url(images/smile_navi05.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi05 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi05.gif) no-repeat 0 0;
}
#smile_navi05 a:hover{
background:url(images/smile_navi05_hover.gif) no-repeat 0 0;
}
/* navi06 */
#smile_navi06{
width:208px;
height:48px;
background:url(images/smile_navi06.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi06 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi06.gif) no-repeat 0 0;
}
#smile_navi06 a:hover{
background:url(images/smile_navi06_hover.gif) no-repeat 0 0;
}
/* navi07 */
#smile_navi07{
width:208px;
height:48px;
background:url(images/smile_navi07.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi07 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi07.gif) no-repeat 0 0;
}
#smile_navi07 a:hover{
background:url(images/smile_navi07_hover.gif) no-repeat 0 0;
}
/* navi08 */
#smile_navi08{
width:208px;
height:48px;
background:url(images/smile_navi08.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi08 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi08.gif) no-repeat 0 0;
}
#smile_navi08 a:hover{
background:url(images/smile_navi08_hover.gif) no-repeat 0 0;
}
/* navi09 */
#smile_navi09{
width:208px;
height:48px;
background:url(images/smile_navi09.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi09 a{
display:block;
width:208px;
height:48px;
background:url(images/smile_navi09.gif) no-repeat 0 0;
}
#smile_navi09 a:hover{
background:url(images/smile_navi09_hover.gif) no-repeat 0 0;
}
/* navi10 */
#smile_navi10{
width:208px;
height:52px;
background:url(images/smile_navi10.gif) no-repeat 0 0;
text-indent:-9999px;
}
#smile_navi10 a{
display:block;
width:208px;
height:52px;
background:url(images/smile_navi10.gif) no-repeat 0 0;
}
#smile_navi10 a:hover{
background:url(images/smile_navi10_hover.gif) no-repeat 0 0;
}
#smile_QR{
width:208px;
height:118px;
background:url(images/smile_QR.gif) no-repeat 0 0;
text-indent:-9999px;
margin:10px 0 0 0;
}




/* navi_footer */
#smile_navi_footer{
width:210px;
height:29px;
background:url(images/smil_footer.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
margin:0;
padding:0;
}







/* smile_info_box
--------------------------------------- */
#smile_info{
width:520px;
float:right;
margin:35px 0 0 0;
padding:0;
}
#smile_info02{
width:243px;
padding-top:9px;
margin:5px 5px 0 0;
float:left;
background:url(images/smile_rightbox_bg01.gif) no-repeat 0 0;
}
.bd{
width:243px;
height:260px;
text-align:left;
padding:5px 0 0 0;
margin:0;
background:url(images/smile_rightbox_bg02.gif) repeat-y 0 0;
position:relative;
}
.fot{
width:243px;
height:5px;
background:url(images/smile_rightbox_bg03.gif) no-repeat 0 0;
text-indent:-9999px;
}



/* info_navi
------------------------------------ */
/* info_navi*/

#info_navi01{
width:239px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle01.gif) no-repeat 0 0;
}
#info_navi02{
width:239px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle02.gif) no-repeat 0 0;
}
#info_navi03{
width:239px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle03.gif) no-repeat 0 0;
}
#info_navi04{
width:239px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle04.gif) no-repeat 0 0;
}
#info_navi05{
width:237px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle05.gif) no-repeat 0 0;
}
#info_navi06{
width:238px;
height:40px;
margin:10px 0 0 3px;
text-indent:-9999px;
background:url(images/smile_boxtitle06.gif) no-repeat 0 0;
}



/* boxmini
-------------------------------------------- */
#boxmini_01{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage01.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
.box_mini_btn a{
display:block;
text-indent:-9999px;
width:63px;
height:19px;
background: url(images/laf_60.png) no-repeat 0 0;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/laf_60.png",sizingMethod="image");
float:right;
margin:113px 1px 0 0;
}
#boxmini_02{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage02.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
#boxmini_03{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage03.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
#boxmini_04{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage04.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
#boxmini_05{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage05.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
#boxmini_06{
width:224px;
height:141px;
text-indent:-9999px;
background:url(images/smile_boximage06.jpg) no-repeat 0 0;
position:absolute;
bottom:5px;
left:10px;
}
.a_link{
padding:10px;

}
.a_link a{
font-size:12px;
color:#888888;
text-decoration:none;
line-height:150%;
}
.a_link a:hover{
text-decoration:underline;
line-height:150%;
}







/* footer
------------------------------------------- */
.return a{
width:49px;
height:17px;
background: url(images/smile_topnavi.gif) no-repeat 0 0;
text-indent:-9999px;
display:block;
float:right;
margin:30px 30px 100px 0;
}
#footer_smile{
width:100%;
height:94px;
background:url(images/smile_copyright.gif) no-repeat 0 70px;
float:left;
}
#footer_smile a{
width:213px;
height:94px;
background: url(images/smile_address_footer.gif) no-repeat 0 0;
text-indent:-9999px;
float:right;
margin:0 16px 0 0;
}

h3 {
background-image:url(../images/pagetitlebg.gif);
background-repeat:no-repeat;
width:500px;
height:31px;
margin-top:0px;
padding-top:5px;
font-size:12px;;
font-weight:bold;
text-indent:27px;
}

h4 {
background-image:url(../images/h4.gif);
background-repeat:no-repeat;
width:496px;
height:37px;
margin-top:0px;
padding-top:7px;
font-size:12px;;
font-weight:normal;
text-indent:35px;
color:#0A50A1;
}


/* module
------------------------------------------- */

.red01 {
color:#f00;
font-weight:bold;
}

.orange01 {
padding:10px 0 0 0;
color:#ff6600;
font-weight:bold;
text-decoration:underline;
}

.orange02 {
color:#ff6600;
font-weight:bold;
}

.orange03 {
color:#ff6600;
}

.orange04 {
color:#ff6600;
font-size:18px;
}

.blue01 {
color:#3399cc;
font-weight:bold;
}

.green01 {
color:#090;
font-weight:bold;
}

.kid {
border: 1px solid #3c3;
padding: 15px 10px 20px 10px;
}

img.float-l {
  float: left;
  margin: 0 15px 10px 0;
}

img.float-r {
  float: right;
  margin: 0 0 10px 15px;
}

table.expense {
margin: 0 0 5px 0;
padding: 0 0 0 0;
width:98%;
font-size: 12px;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
}

table.expense td {
padding: 2px 6px 2px 6px;
border-left: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}

table.expense td.l {
background-color:#fc9;
}

table.expense td.l2 {
background-color:#fc9;
color:#3399cc;
}

.eq01 {
float: left;
width: 200px;
}

.eq02 {
float: left;
width: 200px;
}

.contents {
margin: 0 auto;
padding:10px 20px 20px 20px;
border: 1px solid #d9d4cb;
}

h5 {
font-size:14px;;
padding:18px 0px 5px 3px;
}