@charset "utf-8";

body{
background:url(../img/top_bg.gif) left top repeat-x;
}

.topInfo{
background:url(../img/top_info.gif) left center no-repeat;
padding:0 0 0 110px;
margin:15px 0 0 0;
height:32px;
width:540px;
float:right;
}


marquee{
background-color:#EEEEEE;
border:solid #CCCCCC;
border-width:1px;
padding:5px;
/*height:20px;*/
}


/***********************************************/
/*スライド*/
/***********************************************/

div#feature_list {
width: 900px;
height: 200px;
overflow: hidden;
position: relative;
}

div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
}

/*ボタン*/
ul#tabs {
right: 0;
z-index: 2;
width: 172px;
}

ul#tabs li{
font-size:0;
vertical-align:top;
}

ul#tabs li span{
display:none;
font-size:12px;
}

ul#tabs li a{
width:172px;
height:50px;
display:block;
}

ul#tabs li a.current{
cursor: default;
}

/**********/
ul#tabs li.topM1 a {
background:url(../img/top_main/top_m1.jpg) left center no-repeat;
}
ul#tabs li.topM1 a.current {
background:url(../img/top_main/top_m1m.jpg) left center no-repeat;
}
/**********/
ul#tabs li.topM2 a {
background:url(../img/top_main/top_m2.jpg) left center no-repeat;
}
ul#tabs li.topM2 a.current {
background:url(../img/top_main/top_m2m.jpg) left center no-repeat;
}
/**********/
ul#tabs li.topM3 a {
background:url(../img/top_main/top_m3.jpg) left center no-repeat;
}
ul#tabs li.topM3 a.current {
background:url(../img/top_main/top_m3m.jpg) left center no-repeat;
}
/**********/
ul#tabs li.topM4 a {
background:url(../img/top_main/top_m4.jpg) left center no-repeat;
}
ul#tabs li.topM4 a.current {
background:url(../img/top_main/top_m4m.jpg) left center no-repeat;
}
/**********/


/*ビジュアル*/
ul#output {
left: 0;
width: 728px;
height: 200px;
position: relative;
}

ul#output li {
position: absolute;
width: 728px;
height: 200px;
}

/*
ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #000;
-moz-border-radius: 5px;
}

ul#output li a:hover {
background: #D33431;
}
*/

/***********************************************/

.shop{
border:solid #CCCCCC;
border-width:1px;
padding:10px 10px 0 10px;
margin:15px 0;
}

.conL{
margin:23px 0 30px 0;
}

.conR{
margin:10px 0 0 0;
}

.conR h2{
padding:0;
border:none;
margin:0;
}


/*mondai*/

.conM1{
background:url(../img/top_m1_bg.gif) right top no-repeat;
background-color:#EBEBEB;
margin:0 0 20px 0;
}

.conM1 ul{
padding:10px 20px;
}

.conM1 li{
border:solid #FFFFFF;
border-width:0 0 1px 0;
padding:8px 25px;
background:url(../img/top_m1_pt1.gif) left center no-repeat;
}

/*yellow menu*/

.conM2{
background:url(../img/top_m2_bg2.gif) center bottom no-repeat;
padding:0 0 16px 16px;
width:634px;
margin:0 0 15px 0;
}

.conM2 img.sam{
float:left;
padding:0 7px 0 0;
width:64px;
}

.conM2 h3{
font-size:1.2em;
margin:0 0 3px 0;
font-weight:bold;
line-height:1.3em;
}

.conM2 .box_c{
float:left;
width:596px;
padding:9px;
margin:0 0 6px 0;
background-color:#FFFFFF;
background:url(../img/top_bg_service.jpg) left top no-repeat;
}

.conM2 .box_c .icon{
float:left;
padding-right: 10px;
}

.conM2 .box_c .stxt{
font-size:0.9em;
font-weight:normal;
}

.conM2 .box_c p.link{
text-align:right;
padding:25px 0 0 0;
}

.conM2 .box1{
width:593px;
padding:9px;
margin:0 0 1px 0;
background:url(../img/top_m2_bg1.gif) right top no-repeat;
background-color:#FFFFFF;
}

.conM2 .box1 p{
float:right;
padding:55px 0 0 0;
}

.conM2 .box2{
float:left;
width:284px;
padding:9px;
margin:0 7px 7px 1px;
background-color:#FFFFFF;
}

.conM2 .box2 p.link{
text-align:right;
padding:7px 0 0 0;
}

.conM2 .box2 .stxt{
font-size:0.9em;
font-weight:normal;
}

.conM2 .box3{
float:left;
width:296px;
padding:3px 0 4px 0;
margin:0 7px 7px 1px;
text-align:center;
}


/*info*/

h2.infoTit{
margin:10px 0 3px 0;
}

ul.info li{
background:url(../img/top_info_pt1.gif) left center no-repeat;
padding:7px 25px;
border:dotted #CCCCCC;
border-width:0 0 1px 0;
}