/*  
Theme Name: SWAN
Theme URI: http://www.haifield.jp
Description: SWAN
Version: 1.0
Author: haifield
Author URI: http://www.haifield.jp

	haifield
	 http://www.haifield.jp

	http://www.haifield.jp

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
* {
margin: 0;
padding: 0;
}
img {
border: none;
}

body {
background: #131313;
font-size: small;
color: #ccc;
font-family: sans-serif;
}

a:link, a:visited {
color: #ccc;
text-decoration: underline;
}
a:hover {
color: #f66;
text-decoration: underline;
}

#wrap {
width: 1000px;
margin: auto;
background: url(http://www.swanda.jp/img/bg_wrap.jpg);
}


/*====================
      HEAD
====================*/

#top_main {
width: 750px;
float: left;
}

#top_menu {
height: 20px;
padding:0 0 0 131px;
background: url(http://www.swanda.jp/img/bg_menu.jpg);
}
#top_menu div, #menu div {
float: left;
}

#menu {
height: 20px;
padding:0 0 0 184px;
background: url(http://www.swanda.jp/img/bg_menu2.jpg);
}


/*====================
      TOP_MAIN
====================*/

#top_shop {
padding: 47px 0 0 73px;
background: url(http://www.swanda.jp/img/bg_top_shop.jpg) no-repeat;
}

#top_blog {
padding: 57px 0 0 73px;
background: url(http://www.swanda.jp/img/bg_top_blog.jpg) no-repeat;
}

#top_brain {
padding: 0 0 0 75px;
margin:0 0 20px 0;
}

#top_brain_body {
padding: 0 0 0 12px;
background: url(http://www.swanda.jp/img/bg_top_brain.jpg) no-repeat;
}


/*====================
        RIGHT
====================*/

#right {
width: 250px;
float: right;
background: url(http://www.swanda.jp/img/bg_ot.jpg) no-repeat;
}

#top_news {
margin: 15px 10px 0 0;
}
#top_news li{
margin: 0 0 5px 0;
list-style: none;
line-height: 130%;
}
.bg_0c0c0c {
font-size: 12px;
background: #0c0c0c;
}

#top_news a:link, #top_news a:visited {
color: #ccc;
text-decoration: underline;
background: #0c0c0c;
}
#top_news a:hover {
color: #f66;
text-decoration: underline;
background: #1c1c1c;
}


/*====================
         PAGE
====================*/

#cat_title {
clear: both;
padding: 20px 20px 0 75px; 
}
#content {
clear: both;
padding: 20px 30px 20px 75px;
line-height: 180%;
}
#content h2 {
clear: both;
background: url(http://www.swanda.jp/img/bg_h2.gif) no-repeat;
margin: 0 20px 20px 20px;
padding: 0 0 0 40px;
line-height: 45px;
}
#content h3 {
clear: both;
margin:0 40px 10px 60px;
border-left: 5px solid #f66;
padding: 0 0 0 5px;
color: #f66;
background: #111;
}
#content h4 {
clear: both;
margin:0 60px 10px 60px;
border-bottom: 1px solid #ccc;
}
#content p {
margin:0 40px 20px 60px;
}
.more_link {
margin:0 40px 20px 60px;
background: url(http://www.swanda.jp/img/line.gif) repeat-x;
text-align: right;
}
.navi {
padding: 0 20px 20px 20px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}


/*====================
         FOOT
====================*/

#foot {
clear: both;
margin: 0 30px 0 75px;
}

#family {
text-align: center;
font-size: 12px;
line-height: 150%;
padding: 5px;
background: url(http://www.swanda.jp/img/family_bg.jpg) ;
}

#bookmark {
margin: 10px 0 5px 0;
text-align: right;
}
#bookmark img {
margin: 0 0 0 10px;
}

#foot_link {
text-align: right;
padding: 5px 0 20px 0;
background: url(http://www.swanda.jp/img/line.gif) repeat-x bottom;
}

#copy {
text-align: center;
padding: 5px 0 20px 0;
}

/*====================
       INQ
====================*/
#post-4 {
margin:0 0 0 120px;
}
input.mail_input,
textarea.mail_input {
padding: 1px 3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
input#mail_preview,
input#mail_post {
width: 100px;
background: #eee;
padding: 3px 0;
margin: 10px 20px 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

/*====================
       CORP
====================*/
table#corp {
margin:0 0 20px 90px;
width: 700px;
}
table#corp th {
text-align: right;
}
table#corp th,
table#corp td {
vertical-align: top;
padding: 5px 10px;
border-bottom: 1px dotted #333;
}