/* body */

html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: 'Helvetica Neue', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 14px; color: #555555; background-color: #999999; }
form, input { margin: 0; padding: 0; }
a { color: #444444; text-decoration: none; border: none; }
a:hover { color: #000000; text-decoration: none; border: none; }
.alpha:hover { opacity:0.8; filter: alpha(opacity=80); border="0px"; }
p { margin-bottom: 20px; line-height: }
 
 /* flamework design */

body { text-align: center; } /* center on ie */
#container {  margin: 0 auto; /* center on everything else */ width: 1024px; text-align: left; background-color: #ffffff; border: none; }
#header-top {  height: 500px; margin: 0px; padding: 0px; background-color: #ffffff; } 
#header { height: 150px;  margin: 0px; padding: 0px; background-color: #ffffff; }
#content {  margin: 0px; padding: 0px; background-color: #ffffff; }
#footer { margin: 0px; padding: 0px; }
 
/* header design */
 
.header-menu { height: 50px; margin: 0px; padding: 0px; background-color: #ffffff; opacity:0.8; filter: alpha(opacity=80); }
.header-menu img { border: none; } 
.header-menu a { border: none; text-decoration: none; } 
.header-menu a:hover { border: none; text-decoration: none; } 
 
.header-appeal { margin: 0px; padding: 0px; } 
.header-appeal-three { float: left;  width: 650px; margin: 0px; padding: 0px; vartical-align: bottom; text-align: left; } 

.header-appeal-pagename { display: block; width: auto; margin: 10px; padding: 5px; background-color: #000000; color: #ffffff; font-size: 20px; font-weight: bold; opacity:0.8; filter: alpha(opacity=80); position:relative; bottom: 0; }
.header-appeal-top { display: block; width: 550px; margin: 100px 10px 40px 40px; border-left: 5px solid #000000; background-color: #ffffff; opacity:0.8; filter: alpha(opacity=80); position:relative; bottom: 0;  line-height: 120%;} 
.header-appeal-top:hover { display: block; width: 550px; border-left: 5px solid #f95711; background-color: #ffffff; } 
.header-appeal-title { display: block; width: 550px; margin: 10px 10px 10px 40px; border-left: 5px solid #000000; background-color: #ffffff; opacity: 0.8; filter: alpha(opacity=80);  position:relative; bottom: 0;  line-height: 120%;}
.header-appeal-title:hover { display: block; width: 550px; border-left: 5px solid #f95711; background-color: #ffffff; } 
.header-appeal-top h2 { margin: 0px 10px 10px 10px; font-size: 30px; text-align: left; color: #000000; font-weight: bold; line-height: 120%;}
.header-appeal-top h4 { margin: 10px 10px 0px 10px; font-size: 11px; text-align: left; color: #666666; font-weight: normal; line-height: 120%; }
.header-appeal-title h3 { margin: 0px 10px 10px 10px; font-size: 17px; text-align: left; color: #000000; font-weight: bold;  line-height: 120%;}
.header-appeal-title h4 { margin: 10px 10px 0px 10px; font-size: 11px; text-align: left; color: #555555; font-weight: normal;  line-height: 120%;}
.header-appeal-top a:hover { border-bottom: 1px solid #f95711; } 
.header-appeal-title a:hover { border-bottom: 1px solid #f95711; }
.header-appeal h2 a { color: #000000; border-botton: none; text-decoration: none; }
.header-appeal h2 a:hover { color: #f95711; border-botton: none; text-decoration: none; }
.header-appeal h3 a { color: #000000; border-botton: none; text-decoration: none; }
.header-appeal h3 a:hover { color: #f95711; border-botton: none; text-decoration: none; }
.header-appeal h4 a {color: #555555; lign-height: 0px; border-bottom: 1px dotted #555555; text-decoration: none; }
.header-appeal h4 a:hover {color: #f95711; lign-height: 0px; border-bottom: 1px solid #f95711; text-decoration: none; }
.header-appeal-artcletitle { display: block; width: 550px; margin: 10px; border-left: 5px solid #000000; background-color: #ffffff; opacity: 0.8; filter: alpha(opacity=80); }
.header-appeal-artcletitle h4 { margin: 10px 10px 0px 10px; font-size: 11px; text-align: left; color: #666666; font-weight: normal; line-height: 120%;}
.header-appeal-articletitle h3 { margin: 0px 10px 10px 10px; font-size: 17px; text-align: left; color: #000000; font-weight: bold;  line-height: 120%;}

.header-appeal-square { float: left; width: 300px; margin: 0px; padding: 0px; vartical-align: bottom; text-align: left; line-height: 100%; } 

.header-appeal-square-menu { display: block; background-color: #ffffff; width: 280px;  border-left: 5px solid #000000; margin: 30px 10px 10px 10px; opacity: 0.8; filter: alpha(opacity=80); }
.header-appeal-square-menu h2 { margin: 5px; color: #000000; font-size: 18px; font-weight: bold; }
.header-appeal-square-update { display: block; background-color: #ffffff; width: 280px; height: 75px; border-left: 5px solid #000000; margin: 10px 10px 10px 10px; opacity: 0.8; filter: alpha(opacity=80); }
.header-appeal-square-update:hover { display: block; width: 280px; border-left: 5px solid #f95711; }
.header-appeal-square-update h3 { margin: 0px 10px 10px 10px; font-size: 15px; color: #000000; font-weight: bold; } 
.header-appeal-square-update h3 a { color: #000000; font-weight: normal; border: none; text-decoration: none;} 
.header-appeal-square-update h3 a:hover { color: #f95711; font-weight: normal; border: none; text-decoration: none; } 
.header-appeal-square-update h4 { margin: 0px 10px 0px 10px; font-size: 11px; color: #666666; font-weight: normal; } 
.header-appeal-square-update h4 a { color: #666666; font-weight: normal; border: none; text-decoration: none;} 
.header-appeal-square-update h4 a:hover { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.header-appeal-square-update-img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; background-image: url(http://farm1.static.flickr.com/91/278845470_7f41405444_s.jpg); background-repeat: no-repeat; }
.header-appeal-square-update-img img { border: none; }


/* content design */

.content-main { float: right; width: 800px; margin: 0px; padding: 0px; }

.content-main-palette { display: block; float: left; margin: 10px; width: 360px; background-color: #ffffff; border-left: 5px solid #ffffff; font-size: 12px; color: #444444; font-weight: normal; line-height: 110%;}
.content-main-palette:hover { width: 360px; background-color: #ffffff; border-left: 5px solid #f95711;}
.content-main-palette a { color: #333333; font-weight: normal; border: none; text-decoration: none; }
.content-main-palette a:hover { color: #f95711; font-weight: normal; border: none; text-decoration: none; } 
.content-main-palette h3 { margin: 0px 10px 5px 10px; font-size: 15px; color: #333333; font-weight: bold; line-height: 110%;} 
.content-main-palette h3 a { color: #333333; font-weight: normal; border: none; text-decoration: none;} 
.content-main-palette h3 a:hover { color: #f95711; font-weight: normal; border: none; text-decoration: none; } 
.content-main-palette h4 { margin: 0px 10px 0px 10px; font-size: 11px; color: #666666; font-weight: normal; line-height: 110%;} 
.content-main-palette h4 a { color: #666666; font-weight: normal; border: none; text-decoration: none;} 
.content-main-palette h4 a:hover { color: #666666; font-weight: normal; border: none; } 
.content-main-palette-img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; background-image: url(http://farm1.static.flickr.com/91/278845470_7f41405444_s.jpg); background-repeat: no-repeat; }
.content-main-palette-img img { border: none; }
.content-main-palette ul { margin: 0; padding: 0; } 
.content-main-palette li { list-style-type: none; margin:0px 0px 20px 0px; padding:0 } 
.content-main-palette li:hover { border-left: 5px solid #f95711; } 

.content-main-body { float: left; width: 500px; margin: 10px 15px 15px 15px; font-size: 14px; line-height: 170%; color: #333333; } 
.content-main-body strong { font-weight: bold; font-size: 15px; color: #000000; margin-top: 50px; } 
.content-main-body img { border: none; margin: none; }
.content-main-body a { text-decoration: none; border-bottom: 1px dotted #555555; color: #555555; }
.content-main-body a:hover { text-decoration: none; border-bottom: 1px dotted #F95771; color: #000000; }

.content-main-body blockquote { text-decoration: none; font-weight: normal; font-size: 12px; color: #666666; margin: 10px 10px 10px 10px; padding-left: 10px;
border-left: 3px solid #aaaaaa; line-height: 150%; }

.content-main-body-title { display: block; width: 480px; height: 75px; border-left: 5px solid #000000; margin: 20px 0px 20px 0px; line-height: 120%; }
.content-main-body-title h2 { margin: 10px; font-size: 20px; color: #000000; font-weight: bold; } 
.content-main-body-title h3 { margin: 0px 10px 10px 10px; font-size: 17px; color: #000000; font-weight: bold; } 
.content-main-body-title h4 { margin: 0px 10px 0px 10px; font-size: 11px; color: #666666; font-weight: normal; } 
.content-main-body-title h4 a { color: #666666; font-weight: normal; border-bottom: 1px dotted #999999; text-decoration: none;} 
.content-main-body-title h4 a:hover { color: #f95711; font-weight: normal; border-bottom: 1px solid #f95711; } 
.content-main-body-title-img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; }
.content-main-body-title-img img { border: none; }

.content-main-body-update { display: block; width: 480px; border-left: 5px solid #ffffff; margin: 10px 0px 10px 0px; }
.content-main-body-update:hover { display: block; width: 480px; border-left: 5px solid #f95711; }
.content-main-body-update h3 { margin: 0px 10px 10px 10px; font-size: 15px; color: #000000; font-weight: bold;  line-height: 110%;} 
.content-main-body-update h3 a { color: #000000; font-weight: normal; border: none; text-decoration: none;} 
.content-main-body-update h3 a:hover { color: #f95711; font-weight: normal; border: none; text-decoration: none; } 
.content-main-body-update h4 { margin: 0px 10px 0px 10px; font-size: 11px; color: #666666; font-weight: normal; line-height: 110%;} 
.content-main-body-update h4 a { color: #666666; font-weight: normal; border: none; text-decoration: none;} 
.content-main-body-update h4 a:hover { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.content-main-body-update-img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; background-image: url(http://farm1.static.flickr.com/91/278845470_7f41405444_s.jpg); background-repeat: no-repeat; }
.content-main-body-update-img img { border: none; }

.content-main-side {float: left; width: 240px; margin: 10px 8px 15px 8px; font-size: 11px; color: #666666; }
.content-main-side p { margin-bottom: 10px; line-height: 150%; }
.content-main-side strong { font-size: 12px; color: #333333; font-weight: bold; }
.content-main-side img { border: none; margin: none; }
.content-main-side h2 { margin: 30px 0px 15px 0px; font-weight: bold; font-size: 14px; color: #000000; } 
.content-main-side a { text-decoration: none; border-bottom: 1px dotted #555555; color: #333333; }
.content-main-side a:hover { text-decoration: none; border-bottom: 1px dotted #F95711; color: #f95711; }
.content-main-side ul { margin: 0px; padding: 0px;}
.content-main-side li { margin: 15px 0px 15px 0px; padding: 0px; lign-height: 150%; list-style-type: none; border-left: 5px solid #ffffff; }
.content-main-side li:hover { border-left: 5px solid #f95711; }
.content-main-side-tag li { float: left; margin: 10px; padding: 0px; line-height: 150%; list-style: none; border-left: 5px solid #ffffff; }


.content-parts { float: left; width: 180px; margin: 8px 8px 8px 8px; padding: 0px; font-size: 11px; color: #555555; font-weight: normal; background-color: #ffffff; line-height: 150%;}
.content-parts h2 { margin: 30px 0px 15px 0px; font-weight: bold; font-size: 13px; color: #000000; } 
.content-parts ul { margin: 0; padding: 0; line-height: 150%; }
.content-parts li { margin: 15px 0px 15px 0px; padding: 0; line-height: 150%; border-left: 5px solid #ffffff; list-style-type: none;}
.content-parts li:hover { border-left: 5px solid #f95711; }

.module-tagcloud .module-content {text-align: center; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 16px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 14px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 12px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 10px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

/* footer design */

.footer-body { height: 50px; margin: 20px; text-align: center; font-color: #aaaaaa; font-weight: normal; line-height: 150%; font-size: 10px;  }