/*
Theme Name: teamWA CorporateSite
Theme URI: http://www.teamwa.co.jp/
Description: Designed by teamwa Ltd.
Version: 2010.04
Author: Asuka Uetsuki
Author URI: http://www.teamwa.co.jp/
Tags: 
*/

/*Fix block level Elements for Firefox, Opera*/
section, article, nav, aside, header, footer {display:block; /* border:1px solid #000; */}

/*common elements*/

body {
margin:0;
padding:0;
background:#ebebe9 url(images/bg.png);
}
#header {
position:relative;
margin:0 auto;
width:960px;
}
#header h1 {
position:absolute;
left:45px;
top:25px;
margin:0;
width:150px;
height:72px;
background:url(images/head_logo.png) no-repeat;
}
#header h1 a {
display:block;
color:transparent;
}
#path,
#main_navi header {
height:0;
overflow:hidden;
}
#container {
margin:0 auto;
width:960px;
}
#content {
float:right;
width:720px;
}
#pageTitle {}
#pageTitle h1 {
margin:0 10px;
height:120px;
font-size:small;
color:transparent;
/*
font-family: 'Droid Sans', arial, serif;
font-size:40px;
color:#336633;
*/
}
#main_navi {
float:left;
padding:120px 0 0;
width:240px;
}
#pageTop {
clear:both;
padding:40px 0 0;
width:100%;
background:url(images/bg_otanuki.png) 98% top no-repeat;
}
#pageTop p {
margin:0;
height:70px;
background:url(images/page_top.png) center no-repeat;
}
#pageTop a {
display:block;
margin:0 auto;
width:130px;
height:70px;
font-size:0;
color:transparent;
}
#footer {
position:relative;
}
#footer:after {
content:url(images/bg_tree.png);
position:absolute;
left:0;
bottom:0;
}
#footer p {
margin:1em auto;
width:960px;
text-align:center;
}
#tagline {display:block;}
#copyright {display:block;}

/*sidebar*/

#main_navi ul {
margin:0 10px;
padding:0;
list-style-type:none;
}
#main_navi a {
display:block;
margin:0 auto 5px;
padding:0 10px;
width:160px;
height:25px;
line-height:25px;
text-align:right;
}
#main_navi a:hover {
background:url(images/tex_01.png) left top no-repeat;
}
#mod_search {
margin:0 10px;
}
#mod_search form {
text-align:center;
}

/*content*/

#content article {margin:0 10px;}
#content article h3,
#content section h3,
#content aside h3 {
display:inline-block;
margin:0;
padding:0 10px;
max-width:680px;/*700px*/
height:25px;
background:url(images/tex_01.png) right top no-repeat;
overflow:hidden;
font-size:110%;
}
#content article h3:first-child {}
#content p {
line-height:1.5;
}

#content section ul.list {
margin:1em 0;
padding:0;
list-style-type:none;
}
#content section ul.list li {
margin:0 0 0.5em;
padding:0 0 0.5em;
border-bottom:1px solid #daddcc;
}

section.col_01,
section.col_02,
section.col_03,
section.col_04,
section.col_05,
section.col_06,
section.col_07,
section.col_08,
section.col_09,
section.col_10,
section.col_11,
section.col_12 {
clear:none;
display:inline;
float:left;
padding:0 10px;
}
section.col_01 {width:40px;}/*60px*/
section.col_02 {width:100px;}/*120px*/
section.col_03 {width:160px;}/*180px*/
section.col_04 {width:220px;}/*240px*/
section.col_05 {width:280px;}/*300px*/
section.col_06 {width:340px;}/*360px*/
section.col_07 {width:400px;}/*420px*/
section.col_08 {width:460px;}/*480px*/
section.col_09 {width:520px;}/*540px*/
section.col_10 {width:580px;}/*600px*/
section.col_11 {width:640px;}/*660px*/
section.col_12 {width:700px;}/*720px*/

#content dl {
margin:1em 0;
padding:0;
line-height:1.2;
}
#content dt {
margin:0;
padding:0.5em 0;
width:20%;
}
#content dd {
margin:-2.1em 0 0 0;
padding:0.5em 0 0.5em 21%;
border-bottom:1px solid #daddcc;
}
table {
margin:1em 0;
padding:0;
width:100%;
border-collapse:collapse;
}
table caption {
color:#336633;
}
th {
padding:0.5em 0;
border-bottom:1px solid #daddcc;
text-align:left;
}
td {
padding:0.5em 0;
border-bottom:1px solid #daddcc;
}
tr.header th {}

nav.paginate {
clear:both;
margin:0 10px;
}
nav.paginate ul {}
nav.paginate li {}
nav.paginate li.prev {}
nav.paginate li.next {}
nav.paginate p {
margin:1em 0;
text-align:center;
}
nav.paginate p a {
margin:0 0.5em;
}

#content img.left {float:left; margin:0 1em 1em 0;}
#content img.right {float:right; margin:0 0 1em 1em;}
#content img.block {display:block; margin:1em 0;}
#content img.center {display:block; margin:1em auto;}

#content p.textR {text-align:right;}
#content p.textC {text-align:center;}

button {
padding:0 5px;
line-height:18px;
background-color:transparent;
cursor:pointer;
border-width:6px 9px 10px 6px;
-webkit-border-image:url(images/pt_01.png) 6 9 10 6 repeat;
-moz-border-image:url(images/pt_01.png) 6 9 10 6 repeat;
border-image:url(images/pt_01.png) 6 9 10 6 repeat;
font-size:small;
color:#ffffff;
text-shadow: #333333 -1px -1px 1px;
font-family:'Hiragino Maru Gothic Pro', 'Meiryo', 'Arial', Sans-serif;
}

/*character*/

body {
font-size:small;
font-family:'Hiragino Maru Gothic Pro', 'Meiryo', 'Arial', Sans-serif;
color:#333333;
}
a:link {color:#779976; text-decoration:underline;}
a:visited {color:#779976; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
a:active {color:#333333; text-decoration:none;}
a[target="_blank"] {
margin:0 5px 0 0;
padding:0 16px 0 0;
background:url(images/bg_external.png) right center no-repeat;
}
#main_navi a {
font-weight:bold;
}
#main_navi a:hover {
color:#ffffff;
}

#content article h3,
#content section h3,
#content aside h3 {
line-height:25px;
font-weight:bold;
color:#ffffff;
}
#content section h3 a:link,
#content article h3 a:link {color:#ffffff; text-decoration:underline;}
#content section h3 a:visited,
#content article h3 a:visited {color:#ffffff; text-decoration:underline;}
#content section h3 a:hover,
#content article h3 a:hover {color:#d4ebb4; text-decoration:none;}
#content section h3 a:active,
#content article h3 a:active {color:#d4ebb4; text-decoration:none;}

#footer p {
font:normal normal 12px/2.0 'Lucida Grande';
}
#footer #tagline {
font-style:normal;
font-weight:bold;
}

/*misc*/

img {
border:none;
}