/* layout
-------------------------------------------------- */
#content1 {
clear: both;
padding-top: 20px;
width: 830px;
color: #ccc;
}

#primary1 {
float: right;
width: 550px;
border-left: 1px solid #ccc;
padding-left: 22px;
margin-bottom: 10px;
}

#secondary1 {
float: left;
width: 216px;
}


/* 
-------------------------------------------------- */
h3 {
color: #666;
font-weight: bold;
font-size: 120%;
padding: 4px;
border-left: 2px solid #099;
margin-bottom: 10px;
background: url(../image/h3_bg.gif) left top repeat;
}

h4 {
font-size: 120%;
color: #099;
padding: 3px;
font-weight: bold;
margin-bottom: 5px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
}

.section {
width: 540px;
padding-left: 10px;
padding-bottom: 20px
}

.bana1 {
padding-bottom: 7px;
}


/* subnavigation
-------------------------------------------------- */
#subnavigation {
width: 550px;
height: 35px;
padding-top:13px;
margin-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

#subnavigation li {
float: left;
}

#subnavigation li a {
margin-left: 20px;
color: #099;
}

#subnavigation li a:hover {
color: #333;
}


/* o2_navigation
-------------------------------------------------- */
#o2_navigation {
width: 100%;
}
#o2_navigation li#o2 {
padding-left: 5px;
border-bottom: #ccc 1px dotted;
background: url(../image/side_bg.jpg) left top repeat;
}

#o2_navigation li#o2 a {
color: #666;
display: block;
padding: 2px 0 2px 10px;
background: url(../image/side_navi.gif) left center no-repeat;
}

#o2_navigation li#o2 a:hover {
color: #099;
}

#o2_navigation li#o2_a {
padding-left: 5px;
margin-bottom: 5px;
border-bottom: #ccc 1px dotted;
background: url(../image/side_bg.jpg) left top repeat;
}

#o2_navigation li#o2_a a {
color: #666;
display: block;
padding: 2px 0 2px 10px;
background: url(../image/side_navi.gif) left center no-repeat;
}

#o2_navigation li#o2_a a:hover {
color: #099;
}


/* text_color
-------------------------------------------------- */
.text_gray {
color: #b5b5b5;
}

.text_gray1 {
color: #999;
font-weight: bold;
}

.text_black {
color: #333;
}

.text_black1 {
font-size: 120%;
color: #666;
}

.text_green {
color: #099;
}

.text_green1 {
font-size: 120%;
color: #fff;
padding: 5px 2px 2px 5px;
margin-bottom: 5px;
background: #099;
}

.text_green2 {
width: 300px;
font-size: 150%;
color: #099;
padding: 5px 2px 2px 5px;
margin-bottom: 5px;
background: #e5e5e5;
border: 1px dotted; #ccc;
text-align: center;
}

.text_blue {
color: #39c;
font-weight: bold;
font-size: 120%;
}

.text_red {
color: #c00;
font-weight: bold;
font-size: 140%;
}

.text_red1 {
color: #f00;
}


/* text_size
-------------------------------------------------- */
.font130 {
font-size: 130%;
}

/* img_bottom_margin
-------------------------------------------------- */
.img_bottom_margin10 {
padding-bottom: 10px;
}


/* work_o2
-------------------------------------------------- */
.texttype1 {
font-size: 120%;
color: #099;
font-weight: bold;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
}

.texttype2 {
font-size: 120%;
color: #3cc;
padding-bottom:3px;
}

.texttype_link {
font-size: 110%;
color: #666;
padding: 3px;
border: 1px solid #ccc;
margin-bottom: 5px;
background: url(../image/bg.gif) left top repeat;
}

.imgleft_o2 {
float: left;
padding-right: 10px;
}

.imgleft_15 {
float: left;
padding-right: 15px;
}

.imgright_15 {
float: right;
padding-left: 15px;
}

.imgright_o2m {
float: right;
padding-left: 20px;
}

.left {
float: left;
width: 114px;
}

.right {
float: right;
width: 400px;
}

.left1 {
float: left;
width: 100px;
}

.right1 {
float: right;
width: 440px;
}


/* gaiyo
-------------------------------------------------- */
.area_gaiyo{
width: 540px;
}
.area_left {
float: left;
padding-right: 10px;
width: 260px;
}
.area_right {

float: right;
padding-left: 10px;
width: 260px;
}

.area_gaiyo1{
width: 340px;
}
.area_left1 {
float: left;
padding-right: 10px;
width: 100px;
}
.area_right1 {
float: right;
padding-left: 10px;
width: 220px;
}




/* shop
-------------------------------------------------- */
#content1 {
width: 790px;
padding: 20px;
}

.list ul {
width: 790px;
}

.list li {
width: 132px;
float: left;
}

.list_right {
padding-right: 32px;
}

.syop_left {
width: 273x;
float: left;
padding-right: 20px;
}

.syop_right {
width: 517px;
font-size: 140%;
float: right;
}