/*  
Theme Name: Studio-Bloom
Theme URI: http://www.studio-bloom.org/
Description: PASION Design blog design
Author: Tomoyo Iijima
Author URI: http://www.pasion-d.com/
Version: 0.1
*/

@import "default.css";

/* form */
form {
    margin: 0px;
}
#searchform fieldset {
    border: none;
}
#search-options,
input {
    padding: 1px;
}
#searchtext {
    width: 150px;
}

/* article */
.blog {
    padding: 10px 15px;
}

/* article date */
.date {
    margin: 0px 0 8px !important;
    font-size: 91.6%;
    line-height: 2.0;
}

.blog .date {
	font-size:120%;
	float:left;
	font-weight:bold;
}

.blog .category {
    margin: 0px 0 8px 2px !important;
	width:8em;
	text-align:center;
	float:right;
}
.blog .category a {
	width:100%;
	height:20px;
	display:block;
	padding:4px 0;
	background-color:#444;
	color:#fff;
	text-decoration:none;
}
.blog .category a:hover {
	background-color:#666;
	text-decoration:underline;
}

/* comment color */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header {
}

/* an article or comment */
#comments,
.entry {
    width: auto;
    margin: 0 5px 0.5em;
    color: #36414d;
    background: #fff;
    line-height:1.35;
    word-break: break-all;
    padding-bottom:32px;
    background:url(images/blog/blog_bottom.gif) repeat-x 0 bottom;
}

#comments {
	font-size:90%;
}

.entry p {
/*
    margin: 10px 0;
*/
}
.entry blockquote p {
    margin: 0;
}
.entry ul {
    margin: 10px 0 10px 25px;
}
.entry ol {
    margin: 10px 0 10px 30px;
}
.entry textarea {
    width: 95%;
}

/* blockquote */
.entry blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle {
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* title of entry */
.entry-header {
    margin: 0 0 0;
    color: #444;
    font-size: 180%;
    font-weight: normal;
    background:url(images/blog/entry_title.gif) no-repeat 0 2px;
    padding-left:28px;
}
.entry-header a {
	text-decoration:none;
}
.entry-body {
	padding:8px 7px;
}

/* contributor */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    text-align: right;
}

/* archive-list */
.archive-list {
    margin: 10px 0;
}

/* navigation */
.content-nav {
    margin: 10px 10px 24px;
    text-align: center;
}

/* navigation */
.page {
    margin: 6px 0 10px;
    font-size: 83.3%;
}

/* breadcrumbs list */
.crumbs {
    margin: 6px 0 10px;
    padding-left: 5px;
    font-size: 100%;
}

/* calendar */
#wp-calendar caption {
    text-align: center;
    color: #444444;
    font-size: 12px;
    background: none;
    letter-spacing: 0.2em;
}
#wp-calendar {
    text-align: center;
    color: #444;
    background: none;
}
#wp-calendar table {
    text-align: center;
    padding: 0;
    border-collapse: collapse;
}
#wp-calendar th {
    padding-bottom: 3px;
    font-size: 10px;
    width: 23px;
}
#wp-calendar td {
    padding: 2px 0 !important;
    font-size: 9px;
    line-height: 120%;
}

/* menu list of sidebar */
#links-left ul,
#links-right ul {
    color: #444;
}

#links-left ul li,
#links-right ul li {
    list-style: none;
    margin: 0 0 8px 0;
}

#links-left li li,
#links-right li li {
    padding-left: 20px;
    background:url(images/blog/side_li.gif) no-repeat 4px 6px;
}

#links-left ul ul,
#links-right ul ul {
    margin: 0;
}

/* title of menu list */
#links-left ul li h2,
#links-right ul li h2 {
	width:208px;
	height:31px;
    margin: 16px 0 8px;
    padding-top:5px;
    padding-left:12px;
    font-size: 110%;
    font-weight:bold;
    color:#fff;
    line-height: 2.0;
    background:url(images/blog/side_h2_back.gif) no-repeat;
}
html > body #links-left ul li h2,
#links-right ul li h2 {
    padding-bottom: 0;
}
#links-left ul ul,
#links-right ul ul {
/*
    margin: 3px 0 20px;
*/
}
#links-left ul ul ul,
#links-right ul ul ul{
    margin-bottom: 0;
}
#links-left ul li li ,
#links-right ul li li {
    font-size: 95%;
    line-height: 1.5;
}
#links-left ul li li li ,
#links-right ul li li li {
    font-size: 100%;
}
#links-left ul ul.children,
#links-right ul ul.children {
    margin-top: 0;
}

/* credit */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}

.clear {
    clear: both;
}

.trackbacks,
.comments {
    margin: 10px 5px;
    color: #36414d;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.comments-head {
    margin: 15px 0;
    padding-left: 8px;
    color: #fff;
    background: #E60F87;
    font-size: 100%;
    font-weight: bold;
    line-height: 2.0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 100%;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 95%;
    text-align: right;
}

/* comment and trackback */
#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
   font-weight: bold;
}
#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}
#comment {
    width: 560px;
}
#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}
#comments-open-footer {
    text-align: center;
}
.comments-open label {
    display: block;
}

form input,
form textarea {
    border: 1px solid #aaaaab
}

/* layout */

body {
    text-align: center;
    background-color: #FBDBED ;
}
#wrapper {
    background:url('images/wrapper.jpg') #fff no-repeat right 0px;
}
#container {
    margin-bottom: 10px;
    width:960px;
    margin:0 auto;
padding-top:24px;
/*background:url(images/container.png) repeat-y 680px 0;*/
}
#top_desc {
	padding:8px;
	text-align:right;
float:right;
}

#box {
    margin:0 auto;
    padding: 0 ;
    text-align: left;
}

/* banner title */
#header {

	border-bottom:3px solid #ea68a2;
	border-bottom:1px solid #ddd;
    text-align:center;
    position:relative;
}
#header .inner {
width:960px;
height:250px;
margin:0 auto;
}

#blog-name {
	text-indent:-999em;
	width:129px;
	height:91px;
	background:url('images/logo.gif') no-repeat 0 0;
float:left;
margin-bottom:0;
}
#blog-name a {
	width:100%;
	height:100%;
	display:block;
}

#header a,
#header a:link,
#header a:visited {
    text-decoration: none;
}
#header a:hover {}
#header a:active {}

/* description of blog */
.blog-description {
    background: transparent;
    font-size: 12px;
}

/* �O���[�o�����j���[ */
#global_menu {
	height:60px;
	background:url(images/global_menu/back.gif) repeat-x;
}
#global_menu ul {
	width:960px;
	margin:0 auto;
	padding:0;
}
#global_menu ul li {
	width:160px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
}
#global_menu ul li a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-999em;
}
#global_menu ul li.current_page_item a, #global_menu ul li a:hover {
	background-position:0 -60px !important;
}

#global_menu ul li#gm_top a {
	background:url(images/global_menu/top.gif) 0 0;
}
#global_menu ul li#gm_service a {
	background:url(images/global_menu/service.gif) 0 0;
}
#global_menu ul li#gm_company a {
	background:url(images/global_menu/company.gif) 0 0;
}
#global_menu ul li#gm_work a {
	background:url(images/global_menu/work.gif) 0 0;
}
#global_menu ul li#gm_blog a {
	background:url(images/global_menu/blog.gif) 0 0;
}
#global_menu ul li#gm_contact a {
	background:url(images/global_menu/contact.gif) 0 0;
}


/* footer */
#footer {
    margin:  0;
    padding: 8px 0;
    background:url(images/footer.gif) #fbdbed repeat-x 0 0;
    border-top:1px solid #999;
}
#footer .inner {
	width:960px;
	margin:0 auto;
}
.footer_contents {
	width:280px;
	margin:0 10px;
	_margin:0 8px;
	padding:8px 10px;
	float:left;
}
.footer_contents li {
	float:none !important;
}

#footer h6 {
	margin:16px 0px 16px;
	width:280px;
	height:21px;
	text-indent:-999em;
}
#footer_about {
	background:url(images/footer/about.gif);
}
#footer_area {
	background:url(images/footer/area.gif);
}
#footer_service {
	background:url(images/footer/service.gif);
}
.footer_contents li {
	margin-left:0 !important;
	margin-right:0 !important;
}

#footer ul {
	margin-left:10px;
	margin-right:10px;
}

#footer p {
    margin: 5px 10px;
    font-size: 12px;
    line-height:18px;
    color: #444;
}
#footer ul#etc_link {
	clear:both;
	border-top:1px solid #999;
	margin:16px 10px;
	padding-top:8px;
}

#footer ul li {
	float:left;
}

#copyright {
	margin-top:8px;
	text-align:right;
}

#content_top {
	position:absolute;
	bottom:-7px;
	left:179px;
	width:442px;
	height:105px;
	display:block;
	background:url('images/contents_top.gif') no-repeat 0 0;
}
#content_top .side {
	margin-top:38px;

}
#content_top #searchtext {
	width:245px;
}
#content_top input[type=text] {
	margin-left:0;
	margin-right:0;
}

#content_top input[type=submit] {
	width:80px;
	margin-left:2px;
	margin-right:0;
}

#content_bottom {
	width:442px;
	height:50px;
	display:block;
	background:url('images/contents_bottom.gif') no-repeat 0 0;
	float:left;
}

#content {
    float: left;
    width: 654px;
    margin: 0 0 0px 1px;
    background-color:#fff;
}
#page_content {
	width:960px;
	margin:0 auto;
}
#home_content {
	width:680px;
	float:left;
}
#panorama_content {
width:680px;
_width:680px;
float:right;
}
#home-right {
	width:280px;
	float:right;
}
#panorama-left {
width:280px;
float:left;
}

#links-left-box,
#links-right-box {
    float: left;
    width: 250px;
}
#links-left-box ul,
#links-right-box ul {
	margin-left:0;
	margin-right:0;
}

#links-left,
#links-right {
    padding: 15px 15px 0 15px;
}
* html #links-left,
* html #links-right {
	padding:15px 0px 0;
}

input,textarea {
    font-family: "Osaka", "?q???M?m?p?S Pro W3", "?l?r ?o?S?V?b?N", arial, sans-serif;
}


#calendar table {
	margin: 0 auto 0.5em;
	width:148px !important;
}

#calendar table a {
	color:#E60F87;
	text-decoration:none;
}
#calendar table a:hover {
	text-decoration:underline;
}

/*
	�ėp
*/
.f_left, .alignleft {
	float:left;
}
.f_right, .alignright {
	float:right;
}
img.f_left, img.alignleft {
	margin-right:16px;
margin-bottom:16px;
}
img.f_right, img.alignright {
	margin-left:16px;
margin-bottom:16px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.f_small {
	font-size:85%;
}

.f_x-small {
	font-size:77%;
}

.t_left {
	text-align:left !important;
}
.t_center {
	text-align:center;
}
.t_right {
	text-align:right !important;
}
.first {
	margin-top:0;
}

.with_disc li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:2em;
}

.with_numeric {
list-style-type:decimal;
list-style-position:outside;
}

.caution {
	color:#e80012;
	font-weight:bold;
}

.back_top a {
	float:right;
	width:80px;
	height:20px;
	background:url('../images/back_top.gif') no-repeat left top;
	text-indent:-999em;
}

.back_top a:hover {
	background-position:left bottom;
}

/* Home �y�[�W */


#blog_banner, #panorama_banner {
	width:250px;
	height:64px;
	margin-bottom:8px;
}
#blog_banner a, #panorama_banner a {
	width:100%;
	height:100%;
	text-indent:-999em;
	display:block;
}
#blog_banner a {
	background:url(images/home/blog_banner.jpg) no-repeat 0 0;
}
#panorama_banner a {
	background:url(images/home/panorama_banner.jpg) no-repeat 0 0;
}
#blog_banner a:hover, #panorama_banner a:hover {
	background-position:0 -64px !important;
}

/* About �y�[�W */
#about_title {
	width:364px;
	height:21px;
	text-indent:-999em;
	background:url(images/about/title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}
#about_menu {
	border-top:1px dotted #333;
	margin:16px 0 32px;
	padding-top:16px;
}

#about_menu li {
	width:180px;
	height:85px;
	display:block;
	float:left;
}

	#sm_business {
		background:url('images/about/outline.jpg');
	}
	#sm_flow {
		background:url('images/about/flow.jpg');
	}
	#sm_follow {
		background:url('images/about/management.jpg');
	}

#about_menu li a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-999em;
}

#anc_design, #anc_consulting, #anc_system {
	margin-left:10px;
	width:227px;
	height:45px;
	text-indent:-999em;
	margin-top:24px;
}
#anc_design {
	background:url(images/about/design.gif);
}
#anc_consulting {
	background:url(images/about/cons.gif);
}
#anc_system {
	background:url(images/about/system.gif);
}

#business, #flow, #follow {
	width:914px;
	height:23px;
	margin:32px 10px 24px;
	text-indent:-999em;
}
#business {
	background:url(images/about/outline_title.gif) no-repeat 0 bottom;
}
#flow {
	background:url(images/about/flow_title.gif) no-repeat 0 bottom;
}
#follow {
	background:url(images/about/management_title.gif) no-repeat 0 bottom;
}

#flow_list {
	padding:8px 24px;
}

#flow_list dt {
	float:left;
	clear:both;
	margin-top:0;
	margin-bottom:8px;
}

#flow_list dd {
	width:644px;
	margin-left:10px;
	float:left;
}

#follow_list {
	margin:1em 20px 1em;
	padding:8px 24px;
}

#follow_list dl {
	width:553px;
	float:left;
	margin-top:0;
	margin-left:0.5em;
}

#follow_list dl dd {
	margin:0.1em 20px;
}

#follow_1 {
	margin-top:0;
}


/* ������ */
#works_title {
	width:92px;
	height:21px;
	text-indent:-999em;
	background:url(images/works/title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}
.works {
	margin:8px 8px 24px;
	padding:8px 8px 24px;
	border-bottom:1px dotted #333;
}

.works .thumb {
	width:180px;
	height:160px;
	float:left;
	padding:0 10px;
}

.works .contents {
	width:570px;
	float:left;
}

.works .contents h4 {
	margin-top:0;
	margin-left:10px;
	font-size:110%;
	font-weight:bold;
	background:none;
	border-bottom:1px solid #ffb1dc;
}

.works .contents p {
	margin-left:2em;
}

.works .contents a {
	text-decoration:none;
}

.works .contents ul li {
	float:left;
	width:80px;
	height:20px;
	text-indent:-999em;
	margin:0.1em 5px;
}

.works .contents ul li.design {
	background:url('images/works/design.gif');
}
.works .contents ul li.html {
	background:url('images/works/html.gif');
}
.works .contents ul li.system {
	background:url('images/works/system.gif') ;
}
.works .contents ul li.dir {
	background:url('images/works/direction.gif');
}
.works .contents ul li.flash {
	background:url('images/works/flash.gif');
}

/* ���i���X�g */
#price_title {
	width:111px;
	height:21px;
	text-indent:-999em;
	background:url(images/price/title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}

#website_title, #consulting_title, #system_title, #server_title {
	width:914px;
	height:23px;
	text-indent:-999em;
	margin:32px 10px 24px;
}
#website_title {
	background:url(images/price/website_title.gif) no-repeat 0 bottom;
}
#consulting_title {
	background:url(images/price/consulting_title.gif) no-repeat 0 bottom;
}
#system_title {
	background:url(images/price/system_title.gif) no-repeat 0 bottom;
}
#server_title {
	background:url(images/price/server_title.gif) no-repeat 0 bottom;
}
#system_example {
	width:227px;
	height:45px;
	text-indent:-999em;
	background:url(images/price/system_example.gif);
}

/* ���₢���킹 */
#contact_title {
	width:136px;
	height:21px;
	text-indent:-999em;
	background:url(images/contact/title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}

/* ���̑� */
#company_title {
	width:91px;
	height:21px;
	text-indent:-999em;
	background:url(images/etc/company_title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}
#privacy_title {
	width:183px;
	height:21px;
	text-indent:-999em;
	background:url(images/etc/privacy_title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}
#escape_title {
	width:93px;
	height:21px;
	text-indent:-999em;
	background:url(images/etc/escape_title.gif) no-repeat 0 bottom;
	margin-bottom:48px;
}

#post483 h3,
#post500 h3,
#post508 h3,
#post634 h3 {
margin:12px 0;
text-indent:-999em;
width:654px;
height:24px;
}
#post483 h3 {
background:url(images/about/panorama/about_title.gif) no-repeat 0 bottom;
}
#post500 h3 {
background:url(images/about/panorama/flow_title.gif) no-repeat 0 bottom;
}
#post508 h3 {
background:url(images/about/panorama/price_title.gif) no-repeat 0 bottom;
}
#post634 h3 {
background:url(images/about/panorama/example_title.gif) no-repeat 0 bottom;
}


#post483 #feature_title {
margin-left:0;margin-right:0;margin-top:48px;margin-bottom:0;
text-indent:-999em;
background:url(images/about/panorama/feature_title.gif) no-repeat 0 bottom;
width:654px;
height:24px;
}
#post483 #option_title {
margin-left:0;margin-right:0;margin-top:48px;margin-bottom:0;
text-indent:-999em;
background:url(images/about/panorama/option_title.gif) no-repeat 0 bottom;
width:654px;
height:24px;
}

#post483 dl {
margin-top:0;
}
#post483 dt, #post508 #option_price, #post508 #basic_price {
width:594px;
height:56px;
text-indent:-999em;
margin-top:24px;
margin-bottom:12px;
}
#post483 dd {
margin-left:30px;margin-right:30px;
}
#post483 dd ul {
margin-left:10px;
}
#post483 #feature1 {
background:url(images/about/panorama/feature1.gif) no-repeat 0 bottom;
}
#post483 #feature2 {
background:url(images/about/panorama/feature2.gif) no-repeat 0 bottom;
}
#post483 #feature3 {
background:url(images/about/panorama/feature3.gif) no-repeat 0 bottom;
}
#post483 #feature4 {
background:url(images/about/panorama/feature4.gif) no-repeat 0 bottom;
}
#post483 #option_hotspot {
background:url(images/about/panorama/option_hotspot.gif) no-repeat 0 bottom;
}
#post483 #option_hdr {
background:url(images/about/panorama/option_hdr.gif) no-repeat 0 bottom;
}
#post483 #option_movie {
background:url(images/about/panorama/option_movie.gif) no-repeat 0 bottom;
}

#post508 #basic_price {
background:url(images/about/panorama/basic_price.gif) no-repeat 0 bottom;
}
#post508 #option_price {
background:url(images/about/panorama/option_price.gif) no-repeat 0 bottom;
}

#post508 #set_price {
width:654px;
height:125px;
text-indent:-999em;
background:url(images/about/panorama/set.gif) no-repeat 0 bottom;
margin-top:24px;
_margin:24px 0;
}

#panorama-left {
_margin-left:24px;
_width:220px;
}
#panorama-left ul {
_width:220px;
margin: 0;
padding:0;
border-top:1px solid #666;
}
#panorama-left li {
width:100%;
_width:220px;
height:44px;
display:block;
margin-bottom:0 !important;
_list-style-position:outside;
}
#panorama-left li a {
width:234px;
_width:220px;
height:20px;
padding:12px 8px;
display:block;
background-color:#ffe4f0;
}
#panorama-left ul li ul {
margin-left:0;
border-top:1px solid #666;
}
#panorama-left ul li ul li {
_width:220px;
background:none;
padding-left:0 !important;
margin-bottom:0 !important;
border-bottom:1px solid #666;
}
#panorama-left #menu_top, #panorama-left #menu_bottom {
width:250px;
height:4px;
display:block;
}

#panorama-left a {
text-decoration:none;
}
#panorama-left a:hover {
text-decoration:underline;
}
#panorama-left .current_page_item a {
background-color:#ea68a2;
color:#fff;
}
#panorama-left .current_page_item ul li a {
background-color:#ffe4f0;
color:#333;
}

#post634 h4 {
margin-left:0px;
margin-right:0px;
padding-left:8px;
background-color:#ccc;
font-weight:normal;
}
/*
#panorama-left #menu_top {
background:url(images/about/panorama/menu_top.gif) no-repeat 0 bottom;
}
#panorama-left #menu_bottom {
background:url(images/about/panorama/menu_bottom.gif) no-repeat 0 bottom;
}
*/

#top_read {
clear:both;
width:173px;
height:137px;
display:block;
background:url(images/read/top.png) no-repeat 0 0;
margin-left:30px;
}

.igBar, .syntax_hilite {
margin-left:20px;
}
.syntax_hilite ol li {
list-style-type:decimal !important;
list-style-position:outside;
}