/*
Theme Name: Sanae's Design 2nd
Theme URI: http://wordpress.org/
Description: Dsk's Starter.
Version: 1.0
Author: Daisuke Suwa
*/

div.ctshead {
background:url(http://www.sanae-design.com/images2/head.jpg) top left no-repeat;
height:176px; width:357px;
padding:245px 0 0 313px;
}
div.ctshead dt {line-height:100%; font-weight:bold}
div.ctshead dl {line-height:100%}

a:hover img {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}

ol.numb li	{list-style:decimal outside; margin-left:30px}
ul.disc li	{list-style:disc outside; margin-left:30px}

img.alignleft2 	{display:block; float:left; margin:0px 10px 5px 0px}
img.alignright2	{
display:block; float:right; background:#FFF; padding:0px 0px 0px 15px;
margin-bottom:15px;}

div.clearfix {overflow: hidden; position:relative; zoom:1}

/****************************************
 reset
 ****************************************/
html,body,div,
h1,h2,h3,h4,h5,h6,
p,span,a,img,strong,
table,tbody,tfoot,thead,tr,th,td,
dl,dt,dd,ol,ul,li,
form,fieldset,legend,
object,iframe, address,
font,strike,em,sub,sup { 
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	line-height:150%;
	text-align:left;
	text-decoration:none;
	vertical-align:baseline;
	background:transparent;
}

ol,ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
table,tbody,tfoot,thead,tr,th,td {vertical-align:top}

/****************************************
 default
 ****************************************/
strong		{font-weight:bold}
strike		{text-decoration:line-through}

.left		{float:left;}
.right		{float:right;}
.center		{text-align:center}
.clear		{clear:both;}
.strong		{font-weight:bold}
#hr40		{color:#DDD; margin:40px auto; width:90%; display:block}

.picleft {float:left; margin:10px 20px 20px 0px}
.picright {float:right; margin:10px 0px 20px 20px}

/****************************************
 page
 ****************************************/
body {
	color:#666;
	font-size:12px;
	font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	background:url(./images/bodybg.jpg) center repeat-y #F7F2E7;
}

a			{text-decoration:underline; color:#666}
a:hover		{text-decoration:underline; color:#999}

green	{#C3D322}
dkbrown	{#4B3B33}
brown	{#DAC189}
ltbrown	{#F7F2E7}

.emph {font-weight:bold; color:#C3D322}
.floater {position:relative; overflow:hidden;}
/****************************************
 layout
 ****************************************/
#outline	{width:880px; margin:0px auto; padding:0px 10px}
h1{color:#DDD; text-align:right}
#header		{margin-bottom:10px;}
#header ul	{background:url(./images/navbar.jpg) no-repeat; height:17px; padding:33px 0px 0px 55px;}
#header ul li {display:inline; color:#999;}
#header ul li a {font-size:10px; font-weight:bold; color:#999; text-decoration:none}
#header ul li a:hover {color:#CCC}
#menu		{width:200px; float:right;}
#menu .menutop {background:url(./images/menubg1.jpg) #FFF;}
#menu .menubottom {
background:url(./images/menubg2.jpg) no-repeat; height:750px;
padding-top:520px;}
#contents	{width:670px; padding-right:10px; float:left;}
ul#footerlinks {}
ul#footerlinks li {display:inline; border}
#bottomborder {height:20px; border-bottom:1px solid #F7F2E7; clear:both;}
address		{color:#999; text-align:center;}
#admin ul {text-align:right; font-size:10px;}
#admin li {display:inline}
#admin li a {color:#EEE}
#admin li a:hover {color:#DDD}

/****************************************
 contents common
 ****************************************/
h3 {
 margin-bottom:0px;
 background:url(./images/titlebg.jpg) no-repeat; height:29px;
 font-size:16px; font-weight:bold; color:#4B3B33; padding:5px 0px 0px 5px}
h4 {
 margin:30px 0px 10px; font-size:16px;
 background:url(./images/titlesubbg.jpg) no-repeat center left #C2D322;
 font-weight:bold; color:#4B3B33; padding:0px 0px 0px 20px;}
h5 { font-size:16px;
 font-weight:bold; color:#4B3B33; padding:0px 0px 0px 5px; margin:20px 0px 5px;
 border-left:8px solid #4B3B33; border-bottom:1px solid #4B3B33;}

h6 {font-weight:bold; color:#4B3B33;}
.pagehead {
 font-weight:bold; color:#4B3B33; margin:10px 0px 5px;}

#contactbanner {margin-top:100px; text-align:center}

div#contents img.alignright {float:right; margin:5px 0px 0px 10px;}
div#contents img.alignleft {float:left; margin:5px 10px 0px 0px;}

/****************************************
 top page
 ****************************************/

.topsection {margin-top:20px;}

#services {overflow: hidden; position:relative;}
#services a {
text-decoration:none; line-height:125%;
display:block; width:167px; height:115px;
margin:5px 5px 5px; 20px; padding:35px 3px 0px 150px;
float:left;
}
#services a.service1 {
background:url(http://www.sanae-design.com/images2/top_cts01.jpg) no-repeat;}
#services a.service2 {
background:url(http://www.sanae-design.com/images2/top_cts02.jpg) no-repeat;}
#services a.service3 {
background:url(http://www.sanae-design.com/images2/top_cts03.jpg) no-repeat;}
#services a.service4 {
background:url(http://www.sanae-design.com/images2/top_cts04.jpg) no-repeat;}

div.blog {margin-top:5px; border:1px solid #CCC; padding:20px}
div.blog a.blogbanner {display:block; float:right}
ul#blog {}
ul#blog li {}


/****************************************
 profile
 ****************************************/
div#profile {
 background:url(./images/profpic.jpg) no-repeat; height:434px; width:670px;
 margin-top:10px;}
div#profile p {padding:50px 10px 10px 235px; line-height:300%; color:#333}
div#profile span {display:block; text-align:right; font-weight:bold; padding-top:50px;}

/****************************************
 company
 ****************************************/
table#company {}
table#company th, table#company td {padding:5px; border:5px solid #FFF}
table#company th {background:#EEE; text-align:center; font-weight:bold; width:150px;}
table#company td {}

/****************************************
 staff
 ****************************************/
div.staffpic {width:200px; float:right; margin:0px 0px 10px 10px}
div.staffpic p {font-size:10px}

/****************************************
 seminar
 ****************************************/
ul.linklist {text-align:right}
ul.linklist li {display:inline;}
ul.linklist li a {padding-left:10px}

/****************************************
 form
 ****************************************/
table#formtable {margin-top:20px; width:95%}
table#formtable th, table#formtable td {
 border:5px solid #FFF; padding:5px}
table#formtable th {
 background:#EEE; font-weight:bold; width:150px}
table#formtable td {}
table#formsub th {
 background:#FFF; font-weight:normal; width:50px}

body#formcheck {background:#F7F2E7}
table#formtable2 {margin-top:20px; width:600px; margin:20px auto 0px;}
table#formtable2 th, table#formtable2 td {
 border:5px solid #FFF; padding:5px}
table#formtable2 th {
 background:#EEE; font-weight:bold; width:150px}
table#formtable2 td {background:#FFF; color:#00F}
table#formsub2 th {
 background:#FFF; font-weight:normal; width:50px; color:#666}

#sent {background:#FFF; width:400px; height:200px; text-align:center; padding:100px; margin:20px auto}
#sent ul li {text-align:left;}


/****************************************
 single
 ****************************************/
#pagelink {margin-top:10px}

#pagelink table {width:100%}
#pagelink table td.pagelink_left {width:49%; text-align:right}
#pagelink table td.pagelink_center {width:2%; text-align:center}
#pagelink table td.pagelink_right {width:49%; text-align:left}

#single {position:relative; overflow:hidden; }
#single ol li {margin-left:20px; list-style:decimal}
#single ul li {margin-left:20px; list-style:disc}
#single .alignnone {margin:5px 3px 0px 0px;}
#single .alignleft {float:left; margin:5px 10px 0px 0px;}
#single .aligncenter {display:block; margin:5px auto}
#single .alignright {float:right; margin:5px 0px 0px 10px;}
#single .alignleft, #single .aligncenter, #single .alignright, #single .alignnone {
background:#EEE; padding:5px; text-align:center; border:1px solid #CCC;}
.wp-caption-text {font-size:10px}
#single address {text-align:left; display:inline; color:#666; font-style:italic}
#single h1, #single h2, #single h3, #single h4, #single h5, #single h6 {
 margin:0px; padding:0px; border:0px; outline:0px;
 font-size:100%; font-style:normal; font-weight:normal;
 line-height:150%; text-align:left; text-decoration:none;
 vertical-align:baseline; background:transparent;
 height:100%; color:#666;
}
#single h1 {font-size:2em; margin: .70em 0 }
#single h2 {font-size:1.5em; margin: .80em 0 }
#single h3 {font-size:1.25em; margin: 1em 0 }
#single h4 {margin: 1.25em 0 }
#single h5 {font-size:.8em; margin: 1.5em 0 }
#single h6 {font-size:.7em; margin: 2.0em 0 }

table#blog {}
table#blog td.blogleft {width:620px}
table#blog td.blogright {background:#F7F2E7; width:110px; padding:5px}

table#wp-calendar {}
table#wp-calendar caption {background:#DDD}
table#wp-calendar th, table#wp-calendar td {
 background:#FFF; text-align:center;
 border:1px solid #DDD;
}
table#wp-calendar td#prev, table#wp-calendar td#next, table#wp-calendar td.pad {
 border-left:0px; border-right:0px
}
ul#archives {margin-top:10px}
ul#archives li {list-style:none}

/****************************************
 archive
 ****************************************/
dl#archive {}
dl#archive dt, dl#archive dd {}
dl#archive dt {font-weight:bold;}
dl#archive dd {margin-left:20px;}