/*******************************************************
 MovableTypeオリジナルテンプレートを作ろう
                  http://movabletype.gonz-style.com/

ショッピングサイト型テンプレート
********************************************************/

/****************** basic elements */

body {
 margin: 0;
 padding: 0;
 font-family: verdana, 'trebuchet ms', sans-serif;
 font-size: 14px;
 line-height:120%
}

form, input {
 margin: 0;
 padding: 0; 
}

img { border: 0; }

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin-top: 5px;
 margin-bottom: 5px;
}

h1 { color: #3298C3; margin-top:10px; margin-left:10px; }
h2 { color: #3298C3;  margin-left:10px;}

ul {
 margin:0;
 padding:0; 
}

ul ul {
 margin:0 5px;
 padding:0; 
}

li {
 margin:0;
 padding:0px; 
 list-style-position: inside;
}


/****************** standard classes */

#container {
 width:788px;
 margin: 0;
 text-align: left;
 background-color: #FFFFFF;
}

#banner {
 margin: 0 ;
 padding-left:10px;
 height:70px;
}

#banner a {
 text-decoration: none; 
 color:#3298C3;
}

#content {
 width:468px;
 margin:2px 0 2px 0;
 padding:5px;
 background-color: #FFFFFF;
 float:left;
}

#navi {
 margin: 0 5px;
}

#navi table {
 width:100%;
}

#navi td {
 background-color : #cc3300;
 margin : 3px;
 border-width : 1px;
 border-style : solid;
 border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
 font-size : 12px;
 font-weight: bold;
 padding:3px;
 text-align:center;
 line-height:120%;
}

#navi a {
 text-decoration : none;
 color: #FFFFFF;
}

#left_bar {
 margin:2px;
 padding:5px;
 width:160px;
 float:left;
}

#right_bar {
 margin:2px;
 padding:5px;
 width:120px;
 float:right;
}

#footer {
 margin: 0;
 clear: both;
 text-align:center;
 color:#C0C0C0
}


/****************** font size classes */

.text_10 { font-size:10px; }
.text_12 { font-size:12px; }
.text_14 { font-size:14px; }
.text_16 { font-size:16px; }
.text_18 { font-size:18px; }
.text_20 { font-size:20px; }
.text_24 { font-size:24px; }


/****************** header classes */

.title_14 {
 margin: 0 ;
 padding:2px 5px;
 font-size:10px;
 font-weight:bold;
 color:#FFFFFF;
 line-height:120%;
 background-color: #cc3300;
 border-width : 1px 1px 0 1px ;
 border-style : solid;
 border-color : #cc3300 #cc3300 #cc3300 #cc3300;
}


.line_1 {
 font-size:14px; 
 margin: 0 ;
 padding:5px;
 background-color: #EEEECC;
 border-width : 0px 1px 1px 1px ;
 border-style : solid;
 border-color : #cc3300 #cc3300 #cc3300 #cc3300;
}

.line_2 {
 font-size:14px; 
 margin: 0 ;
 padding:5px;
 background-color: #FFFFFF;
 border-width : 0px 1px 1px 1px ;
 border-style : solid;
 border-color : #cc3300 #cc3300 #cc3300 #cc3300;
}


