/* CSS Document */
/* Hiroki Harada(http://www.bitcade.com/) layout */

/***********************************************/
/* HTML tag styles                            　　　　　　　 */
/***********************************************/ 

body{
font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
color:#F5DEB7;
background:#330000;
background-image:url("http://12inchstyle.com/images/bgtop.jpg");background-repeat:no-repeat;background-position:top right;
margin: 0px;
padding: 0px;
}

 img{
border:none;
}

a:link{/*--訪問前--*/
color:#CC9900;
text-decoration:none;
}

a:visited{/*--訪問後--*/
color:#CC6633;
text-decoration:none;
}

a:active{/*--選択中--*/
color:#CC6633;
text-decoration:none;
}

a:hover{/*--マウスカ?ソルが上にきている時--*/
color:#FF4500;
text-decoration:none;
border-bottom:1px dotted #FF4500;
}

h1 a:hover{
text-decoration:none;
border-bottom:0px ;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color:#CC3300;
 margin: 0px;
 padding: 0px;
}

.h2{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color:#FF4500;
 margin: 0px;
 padding: 2px;
}

#content h2{
color:#FF4500;
font-size:120%;
padding:5px 1em;
border-color:#FF4500;
border-style:solid none dotted none;
border-width:2px 0px 1px 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color:#CC3300;
 margin: 0px;
 padding: 0px;
}

#content h3{
margin-bottom:5px;
color:#CC3300;
font-size:100%;
padding:2px 0;
text-align:right;
font-weight:normal;
}


h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color:#CC3300;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #CC3300;
}

table td{
vertical-align:top;
}

dl,dt,dd
{
line-height:1.5em;
}

dt{
border: 1px solid #CC0033;
padding:3px 10px;
margin:5px 0px;
}

fieldset{
color:#FF9933;
border:dotted #FF9933 1px;
padding-bottom:1em;
background:transparent;
}

legend{
text-align:center;
font-size:small;
}

input{
background:#FAEBD7;
border:1px solid #CC3300;
color: #CC3300;
background:#F5F5DC	;
}

input.button {
color:#CC3300;
background:transparent;
border-style:solid;
border-width:1px 2px 3px 2px;
border-color:#CC3300;
text-align:center;
padding:2px;
}

textarea{
 font-family:"ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;
width: 80%;
border-width:2px;
border-color:#CC3300;
background:#FAEBD7	;
color:#CC3300;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #FF0000;
width: 100%;
}

#navBar{
float: left;
width: 20%;
margin: 0px;
padding: 0px;
background-color:#330000;
border-right: 1px solid #330000;
border-bottom: 1px solid #330000;
}

#headlines{
 float:right;
width: 20%;
border-left: 1px solid #330000;
border-bottom: 1px solid #330000;
padding-right: 10px;
}

#content{
float: left;
width: 55%;
padding:0px 0px 200px 0px;
background-image:url("http://12inchstyle.com/images/kakeru_top.jpg");background-repeat:no-repeat;
background-position:right bottom ;
}

#content p{
line-height:1.5em;
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
color:#FF6600;
margin: 0;
padding: 0 0 0 10px;
}


/*************** #pageName styles **************/

#pageName{
color:#FF6600;
margin: 0px;
padding: 0px 0px 0px 10px;
font-size:90%;
font-weight:bold;
}

/************* #breadCrumb styles *************/

#breadcrumb{
font-size:90%;
padding: 2px 0 5px 10px;
}


/************** .feature styles ***************/

.feature{
padding: 0px 0px 10px 10px;
}

.feature img{
float: left;
padding: 10px 10px 0px 0px;
}

.buy{
clear:both;
color:#330000;
padding:2px ;
display: block;
}


/************** .story styles *****************/

.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size:90%;
}

.story p{
padding: 0px 0px 10px 0px;
}

.category { 
 font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", trebuchet MS, trebuchet, verdana, arial, sans-serif; 
font-size:80%;
text-align:right;
}

.clear{
clear:both;
}

.item{
margin-left:2px;
padding:2px;
border-bottom: 2px solid #FF0000;}

#oldtopics {
color:#FF4500;
font-size:100%;
font-weight:bold;
margin:5px 0;
padding:3px 1em;
border-color:#FF4500;
border-style:solid ;
border-width:2px 1px 2px 1px;
}

/************* #siteInfo styles ***************/

#siteInfo{
clear: both;
border: 1px dotted #CC3300;
font-size: 75%;
color: #CC9900;
padding: 10px 10px 10px 10px;
}

#siteInfo img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}


/************* #search styles ***************/

#search{
padding: 5px 0px 5px 10px;
font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
display: block;
margin: 0px;
padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #CC3300;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
position: relative;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #CC3300;
font-size: 90%;
}

#sectionLinks h3{
padding: 10px 0px 2px 10px;
}

#sectionLinks a:link,#sectionLinks a:visited {
display: block;
border-top: 1px solid #FF4500;
padding: 2px 0px 2px 10px;
background-color:#CC3300;
color:#330000;
}

#sectionLinks a:hover{
background-color:#FF4500;
color:#F5DEB7;
background-image:url("http://12inchstyle.com/images/kakeru_bg.jpg");
}

#sectionLinks ul{
display:block;
}

#sectionLinks li{
display:block;
}


/*********** .relatedLinks styles ***********/

.relatedLinks ul a:link, #navBar ul a:visited {display: block;}
.relatedLinks li a:link, #navBar li a:visited {display: block;}
.relatedLinks{
position: relative;
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
}

.relatedLinks li{
font-size:x-small;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
}

/************** #advert styles **************/

#advert{
padding: 30px 0px 10px;
}

#advert img{
display: block;
}


/************** #headlines styles **************/

#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
}

#headlines p{
padding: 5px 0px 5px 0px;
}

/************** #Mobavle Type styles **************/

p.extended{
clear:both;
padding:5px 0px 5px 30px;
background-image:url("http://12inchstyle.com/images/next.jpg");
background-repeat:no-repeat;background-position:center left;
}

.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
margin-top: 20px;
}

#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
width: 80%;
}

#content p.posted {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding:0px 0.5em;
border-left:0.5em solid #FF4500;
}