/* Info
-----------------------------------------------
Style Sheet for Mix Juice Company ()
FileName:   common.css
Build:      2006.12.21
----------------------------------------------- */

BODY {
text-align:center; margin-top:10; margin-left:0; background-color:#EEF0EC;
font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Osaka',Verdana,sans-serif;
font-size:11px;
}

h1 {  font-weight:bold; font-size:16px; margin:0px; padding:0px; }
h2 {  font-weight:bold; font-size:14px; margin:0px; padding:0px; }
h3 {  font-weight:bold; font-size:12px; margin:0px; padding:0px; }
h4 {  font-weight:normal; font-size:11px; margin:0px; padding:0px; }
h5 {  font-weight:bold; font-size:11px; margin:0px; padding:0px; }
ul {  margin-top:0px; margin-left:6px; font-size:11px; }
.grey { color:#666666; font-weight:nomal; font-size:8px; font-family:'Osaka','ＭＳ Ｐゴシック'; letter-spacing:0px; padding-left:8px;}
.blue { color:#3189F5; font-size:0.7em; }

/* Header----------------------------------------------- */

#head {
display:block;
width:720px;
height:40px;
align:right;
background-image:url("../img/static/head_mat.gif");
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana,sans-serif;
margin: 0 auto;
text-align:right;
font-size:14px;
vertical-align:middle;
}

#banner {
diaplay:block;
vertical-align:middle;
}

#head a:link { font-weight:bold; text-decoration:none; color:#FFFFFF; padding-left:0px; }
#head a:visited { font-weight:bold; text-decoration:none; color:#DDDDDD; padding-left:0px; }
#head a:hover { font-weight:bold; text-decoration:none; color:#FFA200; background:#999999; padding-left:0px; }
/* #head a:active {font-weight:bold; text-transform:none;text-decoration:none; color:#FFFFFF; background:#FFF0BE; padding-left:0px; } */


/* container ----------------------------------------------- */

#container {
display:block;
width: 720px;
background-image:url("../img/static/menu_bg.gif");
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 0% 0% ;
text-align:left;
}

/* left menu ----------------------------------------------- */

#menu_left {
width:165px;
border:none;
align:left;
vertical-align:top;
float:left;
background-image:url("../img/static/menu_bg.gif");
background-repeat: repeat-y;
background-attachment: scroll;
}

#menu_left ul {
display:block;
padding:0px;
margin:0px;
border:none;
}

#menu_left h2 {
display:block;
margin:0px;
padding:0px 0px 0px 10px;
font-size:12px;
}

#menu_left ul ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:nomal;
}

#menu_left ul ul h2 {
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
font-family:sans-serif;
font-size:10px;
font-weight:nomal;
}

#menu_left a {
text-decoration:none;
color:#FFFFFF;
display:block;
width:140px;
}

#menu_left a:visited {
text-decoration:none;
color:#DDDDDD;
}

#menu_left a:hover {
display:block;
width:140px;
text-decoration:none;
color:#000000;
}

#menu_left img {
margin-top:5px;
margin-bottom:5px;
}

#leftsrc {
margin-top:10px;
margin-bottom:5px;
padding-top:2px;
padding-left:4px;
display:block;
width:140px;
height:48px;
border:none;
text-align:left;
background-image:url("../img/static/search_bg.gif");
background-repeat: no-repeat;
text-align:middle;
}

#search {
align:left;
vertical-align:middle;
border:1px solid #666666;
width:220px;
background-image:url("../img/static/search_bg.gif");
background-repeat: no-repeat;
}


#message {
width:140px;
text-align:left;
font-size:12px;
margin-top:30px;
background-color:#FFFFFF;
filter:Alpha(opacity=72); -moz-opacity:0.7; opacity:0.70>
}

#message blockquote {
padding-left:12px;
margin:0px;
}

#mnpwhl {
display:block;
width:140px;
padding-left:10px;
}

#message a {
display:block;
text-decoration:none; color:#000000;
width:100%;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#message a:visited {
color:#444444;
width:100%;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#message a:hover {
color:#FFFFFF; background:#666666;
width:100%;
border-top:1px solid #777777;
border-left:1px solid #777777;
border-bottom:1px solid #777777;
}

/* #message a:active {
color:#333333; background:#FFF0BE;
width:100%;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
*/

#message img {
border:none;
}


#leftcolumn {
display:block;
width:100%;
text-align:left;
font-size:12px;
margin-top:30px;
background-color:#FFFFFF;
filter:Alpha(opacity=72); -moz-opacity:0.7; opacity:0.70>
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 0% 0% ;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}


#leftcolumn blockquote {
display:block;
padding-left:2px;
padding-right:2px;
margin:0px;
}

#leftcolumn a {
text-decoration:none; color:#000000;
border:none;
filter:Alpha(opacity=100); -moz-opacity:1.0; opacity:1.00>

}

#leftcolumn a:hover {
text-decoration:none; color:#E06900;
}

#leftcolumn a:visited {
text-decoration:none; color:#444444;
filter:Alpha(opacity=100); -moz-opacity:1.0; opacity:1.00>
}


#formbtn {
#margin-top:1px;
#margin-bottom:1px;
#padding-top:1px;
#padding-left:4px;
#display:block;
#width:144px;
#height:48px;
#border:none;
#text-align:left;
#background-image:url("../img/static/search_bg.gif");
#background-repeat: no-repeat;
#align:middle;
#vertical-align:middle;
#}

#formbtn a {
display:block;
width:150px;
height:32px;
text-decoration:none;
border:none;
background-color:#transparent;
}


#formbtn a:hover {
display:block;
width:140px;
height:32px;
text-decoration:none;
border:none;
background-color:none;
filter:Alpha(opacity=100); -moz-opacity:1.0; opacity:1.00>
}


#footer {
display:block;
width:140px;
margin-top:30px;
padding:10px;
size:11px;
font-family:Arial;
color:#FFFFFF;
}



/* contents ----------------------------------------------- */

#navi {
display:block;
width:555px;
background-color:#D8DFD2;
margin-bottom:20px;
color:#333333;
filter:Alpha(opacity=72); -moz-opacity:0.7; opacity:0.70>
clear:both;
}

#release {
position:relative;;
width:555px;
padding:0px;
margin:0px;
font-size:11px;
color:#333333;
text-decoration:none;
clear:both;
}

#release h1 {
display:block;
position:relative;
border-left:18px solid #B0BDB3;
border-bottom:1px solid #B0BDB3;
width:500px;
height:20px;
font-size:16px;
color:#222;
margin-bottom:20px;
margin-left:20px;
padding-left:4px;
}

#release h2 {
display:block;
border-left:12px solid #D3D3D3;
border-bottom:1px dotted #D3D3D3;
width:100%;
height:20px;
font-size:14px;
color:#1D6728;
margin-bottom:20px;
margin-left:0px;
padding-left:4px;
}


#release h1 a,a:visited,{
display:block;
color:#222;
text-decoration:none;
}

#release hr {
display:block;
clear:both;
}

#release h2 {

}

#release h3 {

}

#release h4 {

}


#release ul {
display:block;
border:none;
padding:0px 50px 0px 30px;
margin:0px 0px 20px 0px;
}

#release ul a {
color:#222;
text-decoration:none;
}

#release ul a:hover {
border:1px dotted #666666;
padding:0px;
margin:-1px -1px -1px -1px;
}


#release ul ul {

}

#release blockquote {
}


#navi a,a:visited {
display:inline ;
color:#333;
text-decoration:none;
}

#navi h1 a,a:visited {
color:#222;
text-decoration:none;
}



#content {
clear:both;
}

#content blockquote {
padding:0px;
margin:0px 20px 0px 0px;
}


#content img {
border:1px solid #FFFFFF;
margin-top:10px;
margin-bottom:10px;
}


#update {
display:block;
width:555px;
text-align:left;
font-weight:nomal; font-size:11px;
color:#444444;
line-height:133%;
font-size:12px;
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana,sans-serif;
margin-bottom:20px;
letter-spacing:2px;
float:left;
}

#update blockquote {
padding:0px;
margin-top:15px;
margin-left:15px;
background-color:#transparent;
}

.date {
font-size:7px;
}

#update a { 
display:block;
width:500px;
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
text-decoration:none; color:#333333;
}


#update a:link { 
display:block;
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
text-decoration:none; color:#333333;
}

#update a:visited { 
text-decoration:none; color:#777777; 
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#update a:hover {
text-decoration:none; color:#000000; background:#FFFFFF;
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
border-top:1px solid #888888;
border-bottom:1px solid #888888;
border-left:1px solid #888888;
border-right:1px solid #888888;
}

/*
#update a:active {
text-transform:none;text-decoration:none;
color:#FFFFFF;
background:#FFF0BE;
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}
*/

#cnt_tab {
display:block;
width:530px;
padding-left:10px;
padding-right:10px;
}

#cnt_tab h1 {
display:block;
width:540px;
height:40px;
vertical-align:middle;
margin-bottom:-5px;
margin-top:10px;
padding:4px 0px 0px 0px;
fontsize:18px;
text-decoration:none;
clear:both;
}



#mailform {
display:block;
text-align:left;
width:540px;
padding-left:10px;
padding-right:10px;



font-weight:nomal;
font-size:11px;
color:#444444;
background-color:#EFEFEF;
line-height:133%;
font-size:12px;
margin-bottom:20px;
}

#mailform blockquote {
padding:10px;
margin:0px;
}


#mailform a { 
display:block;
width:540px;
padding-left:2px;
padding-right:2px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
text-decoration:none; color:#333333;
}



/* footer ----------------------------------------------- */


#foot {
display:block;
width:720px;
position: relative;
margin: 0 auto; /* center on everything else */
text-align: left;
height:20px;
background-image:url("../img/static/footbg.gif");

}