/* Reset
----------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
list-style: none;
}

body {line-height: 1.5;font-size:small;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 1; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:link {color:#004B91;font-family:arial,helvetica,osaka,"MS PGothic",sans-serif;}
a:active {color:#FF9933;font-family:arial,helvetica,osaka,"MS PGothic",sans-serif;}
a:focus,a:hover {color:#E47911;}
a:visited {color:#963;}

p{margin-bottom:10px;}

/* Containers
----------------------------------------*/
.container_12 {margin-left: auto;margin-right: auto;width: 960px;
}

* html .container_12 {margin-left: auto;margin-right: auto;width: 970px;
}

/* Grid
----------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,
.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12
{display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}

.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}

.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}

.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}

.container_12 .pull_1 {right:80px;}
.container_12 .pull_2 {right:160px;}
.container_12 .pull_3 {right:240px;}
.container_12 .pull_4 {right:320px;}
.container_12 .pull_5 {right:400px;}
.container_12 .pull_6 {right:480px;}
.container_12 .pull_7 {right:560px;}
.container_12 .pull_8 {right:640px;}
.container_12 .pull_9 {right:720px;}
.container_12 .pull_10 {right:800px;}
.container_12 .pull_11 {right:880px;}


/* Clear Floated Elements
----------------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Parts
----------------------------------------*/
.hp{width:100%;  float:left; }

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.f50{font-size:50%}
.f60{font-size:60%}
.f70{font-size:70%}
.f80{font-size:80%}
.f90{font-size:90%}
.f100{font-size:100%}
.f110{font-size:110%}
.f120{font-size:120%}
.f130{font-size:130%}
.fb{font-weight:bold;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

/* List and Navigation
----------------------------------------*/

.list li {
background: url('/img/bullet_green.gif') left 0.2em no-repeat;
padding:0 0 0 1.2em;
}

.vlist {
list-style-type:none;
margin:0 0 1em;
padding:0;
}


#headernavi {
width:100%;
text-align:left;
font-size:small;
padding-top:0.2em;
}

#headernavi ul {
margin:0;
padding:0;
}

#headernavi li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999;
}

#headernavi li.last{
padding-right:7px;
border-right:1px solid #999;
}

#headernavi a {
color:#765;
float:none;
}

#headernavi a:hover{
color:#333;
}

#headernavi .home{
padding-left:10px;
border-left:0;
}

#headernavi .on a{
background:#807859;
color:#fff;
}

--------------------------------------

#loginnavi {
float: right;
text-align:right;
margin-right:5px
width:100%;
font-size:small;
padding-top:0.2em;
}

#loginnavi ul {
margin:0;
padding:0;
float:right;
}

#loginnavi li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999;
}

#loginnavi li.last{
padding-right:7px;
border-right:1px solid #999;
}

#loginnavi a {
float:none;
}

#loginnavi a:hover{
}

#loginnavi .home{
padding-left:10px;
border-left:0;
}

#loginnavi .on a{
background:#807859;
}

--------------------------------------


#footernavi {
width:100%;
text-align:left;
font-size:small;
padding-top:0.2em;
}

#footernavi ul {
margin:0;
padding:0;
}

#footernavi li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999;
}

#footernavi li.last{
padding-right:7px;
border-right:1px solid #999;
}

#footernavi a {
color:#765;
float:none;
}

#footernavi a:hover{
color:#333;
}

#footernavi .home{
padding-left:10px;
border-left:0;
}

#footernavi .on a{
background:#807859;
color:#fff;
}



/* list
----------------------------------------*/


.list_h {
width:100%;
text-align:left;
font-size:small;
padding-top:0.2em;
}

.list_h ul {
margin:0;
padding:0;
}

.list_h li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #999;
}

.list_h li.last{
padding-right:7px;
border-right:1px solid #999;
}

.list_h a {
color:#765;
float:none;
}

.list_h a:hover{
color:#333;
}

.list_h .home{
padding-left:10px;
border-left:0;
}

.list_h .on a{
background:#807859;
color:#fff;
}


/* Button
----------------------------------------*/

.buttons{display:inline;}

.buttons a:link, .buttons a:visited, .buttons button{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#f6e882 url(/img/buttonbg.gif) repeat-x scroll 50% 0;
border-color:#e2ad4f #d27d00 #d27d00 #e2ad4f ;
border-style:solid;
border-width:1px;
color:#924F4F !important;
margin:0 5px 0 0;
padding:1px 2px;
overflow:visible;
width:auto;
font-weight:bold;
height:1.6em;
}
.buttons a:hover, .buttons a:active, .buttons button:hover{
background-position: 50% 100%;
color;#924F4F;
}

/* Frame
----------------------------------------*/
.fg{
width:100%;border:1px solid #9c6;
border-radius:10px;
-moz-border-radius:10px;
margin-bottom:10px;
}

.fgtitle{
margin: 0pt; padding: 2px 7px; color:#E47911;font-weight:bold;
}

.fg p{
padding: 0pt 5px 20px;
}

.fg ul{
padding: 0pt 5px 20px 3px ;
}




/* Table
----------------------------------------*/


table.gray{
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-collapse:collapse;
    border-spacing:0;
    /*background-color:#ffffff;*/
    empty-cells:show;
    width:100%;
}
.gray th{
    background-color:#f5f5f5;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background-position:left top;
    padding:0.5em;
}
.gray td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0.5em;
}


/* Table
----------------------------------------*/

.letter{ border: 0px;
    background-color:#fff;
    padding: 0px;
    width: 100%;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    width:90%;
    margin:0 5%;
    padding:0px;
}
.letter a{
    display:block;
    border:0;
    padding: 0px;
    width: 100%;
    text-decoration:none;
}
.letter a:hover{
    background-color:#ccc;
}
.letter td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    text-align:center;
}



/* Parts
----------------------------------------*/

.f120fbbrown{
font-size:120%;
font-weight:bold;
color:#e47911;
}


.fbbrown{
font-weight:bold;
color:#e47911;
}


.plain p,.plain h1 ,.plain h2 ,.plain h3 ,.plain h4 ,.plain h5 ,.plain h6 {
margin-bottom:10px;
}



.rss{
background: url('http://musse.jp/img/rss.png') 0px 0px no-repeat;
display:inline;
padding:0 3px 0 1.2em;
}
.twitter{
background: url('http://musse.jp/img/twitter.jpg') 0px 0px no-repeat;
display:inline;
padding:0 3px 0 1.2em;
}


#headernavibox{
border-radius:5px;
-moz-border-radius:5px;
border:1px solid #95B88C;
background:#95B88C;
width:100%;
}



.rcddd  {
-moz-border-radius:3px 3px 3px 3px;
-moz-box-sizing:border-box;
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #DDDDDD;
color:#333333;
font-size:70%;
margin:2px 4px;
padding:1px 2px;
vertical-align:middle;
white-space:nowrap;
}



.rccf6{
-moz-border-radius:3px 3px 3px 3px;
-moz-box-sizing:border-box;
background:none repeat scroll 0 0 #cf6;
border:1px solid #cf6;
color:#333333;
font-size:70%;
margin:2px 4px;
padding:1px 2px;
vertical-align:middle;
white-space:nowrap;
}

.rcf60{
-moz-border-radius:3px 3px 3px 3px;
-moz-box-sizing:border-box;
background:none repeat scroll 0 0 #f60;
border:1px solid #f60;
color:#333333;
font-size:70%;
margin:2px 4px;
padding:1px 2px;
vertical-align:middle;
white-space:nowrap;
}





/* Pagenator
----------------------------------------*/
ul.pageNav01s {
	margin: 0 0 10px;
	padding: 12px;
	background: #f3f3f3;
	text-align: center;
}

ul.pageNav01s li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

ul.pageNav01s li span,
ul.pageNav01s li a {
	display: inline-block;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}

ul.pageNav01s li a:hover {
	background: #efefef;
}




/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	/* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 12px;
	padding: .2em .2em .275em;
}
 
/* color styles 
---------------------------------------------- */
 
/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
 
/* gray */
.silver {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.silver:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.silver:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.silverflat {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
}
 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}


 
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

 
/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
 
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
 
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
 
/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}



/* wine */

.wine {
	color: #e8f0de;
	border: solid 1px #A60800;
	background: #FF4940;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF4940), to(#FF7A73));
	background: -moz-linear-gradient(top,  #FF4940 ,  #FF7A73);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4940 ', endColorstr='#FF7A73');
}
.wine:hover {
	background: #BF3730;
	background: -webkit-gradient(linear, left top, left bottom, from(#BF3730), to(#A60800));
	background: -moz-linear-gradient(top,  #BF3730,  #A60800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF3730', endColorstr='#A60800');
}


/* buttonflat
---------------------------------------------- */
.buttonflat {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}

/* white */
.whiteflat {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
}

/* orange */

.orangeflat {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
}

/* green */
.greenflat {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
}


/* commontitle
---------------------------------------------- */
.commontitle {
background-color:#F1F1F1;
border-top:1px solid #ddd;
margin:0 0 0.5em;
padding:0.4em;
}


/* commontitle
---------------------------------------------- */
.commontitle2 {
background-color:#F1F1F1;
border-top:1px solid #EEB111;
margin:0 0 0.5em;
padding:0.4em;
}



/* graytitle
---------------------------------------------- */
.graytitle {
background-color:#ddd;
border-top:1px solid #ddd;
margin:0 0 0.5em;
padding:0.4em;
}

/* graybg
---------------------------------------------- */
.graybg {
background-color:#f1f1f1;
}

/* frame
---------------------------------------------- */
.paging a{
margin:0 1px;
padding:2px 4px;
border:1px solid #999;
text-decoration:none;
}
.paging a:hover{
background:#ddd;
}

.paging .current{
padding:2px 4px;
border:1px solid #999;
background:#ddd;
}

/* titletop
---------------------------------------------- */

#titletop{background:#F1F1F1;}
#titletop h1{color:#666666;padding:3px 5px;font-size:80%}



/* alert
---------------------------------------------- */

.alertred{color:#f00;font-size:120%;font-weight:bold;}

.alertyellow{color:#f70}




/* userinfo
---------------------------------------------- */

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #678b3f url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #8cb85c;
}

#ddcolortabs a:hover span{
background-color: #8cb85c;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #f60;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>