@charset "utf-8";

/*
------------------------------------------------
Index Layout
------------------------------------------------*/

#wrap #main #contents .whatsnew {
	width: 540px;
	margin-bottom: 20px;
}
#wrap #main #contents .whatsnew dl {
	background: url(../img/common/line_dot_gry.gif) repeat-x left bottom;
	margin-bottom: 5px;
	padding: 0px 6px 4px;
}
#wrap #main #contents .whatsnew dt {
	background: url(../img/common/ic_01.gif) no-repeat 0em 0.4em;
	width: 77px;
	padding-left: 13px;
	float: left;
}
#wrap #main #contents .whatsnew dd {
	float: right;
	width: 420px;
}
#wrap #main #contents #topbnrlist {
	width: 540px;
}
#wrap #main #contents #topbnrlist li {
	float: left;
	padding-bottom: 8px;
}
#wrap #main #contents #topbnrlist li.pr6 {
	padding-right: 6px;
}
#wrap #main #contents #topbnrlist li.pr9 {
	padding-right: 9px;
}
#wrap #main #contents #topbnrlist li.pr8 {
	padding-right: 8px;
}
#wrap #main #contents #topreformbox {
	background: url(../img/top_bg_reform.gif) repeat 0px 0px;
	padding: 15px 15px 5px;
	clear: left;
	margin-bottom: 20px;
}
#wrap #main #contents #topreformbox table {
	width: 510px;
	margin-bottom: 10px;
}
#wrap #main #contents #topreformbox table .imgl {
	vertical-align: top;
	width: 135px;
	text-align: left;
}
#wrap #main #contents #topreformbox table .imgr {
	vertical-align: top;
	width: 135px;
	text-align: right;
}
#wrap #main #contents #topreformbox td {
	vertical-align: top;
}
#wrap #main #contents #topreformbox dt {
	width: 240px;
	padding-bottom: 2px;
	border-bottom: 1px solid #333333;
}
#wrap #main #contents #topreformbox dt a {
	text-decoration: none;
	font-weight: bolder;
}
#wrap #main #contents #topreformbox dt a:hover {
	text-decoration: underline;
}
#wrap #main #contents #topreformbox table dd {
	vertical-align: top;
	padding-top: 5px;
}
#wrap #main #contents .topblogentry {
	width: 540px;
	margin-bottom: 30px;
}
#wrap #main #contents .topblogentry h3 {
	font-size: 16px;
	font-weight: bolder;
	background: url(../img/top_ic_entrytitle.gif) no-repeat 0px 0px;
	border-bottom: 1px solid #666666;
	padding: 5px 10px 5px 15px;
	margin-bottom: 10px;
}

#wrap #main #contents .topblogentry .topentrybody {
	background: #EEEEEE;
	padding: 24px 20px 9px;
}
#wrap #main #contents .topblogentry .topentrybody p {
	padding-bottom: 15px;
}



/* CSS Document ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* 内容　:　メインイメージ変更　　　　　　　　　　　　　　　　　 */
/* 作成日:　2010年07月25日　　　　　　　　　　　　　　　　　　　 */
/* 変更日:　0000年00月00日　　　　　　　　　　　　　　　　　　　 */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊  */


/* ヘッダーの調整 */
#wrapTop {
	width: 750px;
	margin: 0px auto;
	text-align: left;
}

#wrapTop #header {
	position: relative;
	width: 750px;
	padding-bottom: 0;
}


/* メインイメージ */
#mainimage {
	width: 100%;
	background: url(../img/common/bg_body.jpg) repeat-x 0 33px;
	padding-bottom: 10px;
}

#mainimage div {
	width: 100%;
	text-align: center;	
	background: #45A7E0 url(../img/bg_mainimage.jpg) no-repeat center top;
}

#mainimage p {
	width: 870px;
	margin: 0px auto;
}


/* メインイメージ下余白調整 */
#index #wrap #main #contents {
	padding-top: 10px;
}

#index #wrap #main #sidearea {
	padding-top: 12px;
}



/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊  */






/**** 既存コンテンツレイアウト ****/


.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.xxs { font-size:11px; }
.xs {font-size:13px;}
.s {font-size:16px;}
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.breadcrumbs { font-size: 12px; padding: 0; margin-top: 10px; margin-right: 10px;line-height: 1.5; }
.breadcrumbs a { color:#000; }
.pagetop { margin-bottom:20px;text-align:right; font-size:11px;padding-right:12px; }
.submit { margin:20px 0;text-align:center; }
table { font-size: 13px;line-height:1.5; }
address { font-style:normal; }

.red { color:#cc0000; }
.blue { color:#0000cc; }
.orange { color:#F7941D; }
.yellow { color:#FFF200; }
.green { color:#008000; }
.gray { color: #666; }

.rss { float:right;font-size:11px;font-weight:normal; }
.rss a { color:#E8380D;text-decoration:none; }
.rss a:hover { color:#E8380D;text-decoration:underline; }
.rss img { margin-left:3px; }

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

.first { margin-top:0; }
.last { margin-bottom:0; }



/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; min-height: 0; }
/* */

/* Main index styles
    Suppress date header on main index */
/* .main-index  */.date-header { display: none; }

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }

/* All archive templates
    Informational "where am I?" module at top of sidebar */
.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top:0px; }

/* Date-based and category archives
    Archive title banner at top of page, below blog banner */
.main-index #archive-title,
.master-archive-index #archive-title,
.individual-entry-archive #archive-title,
.date-based-archive #archive-title,
.category-archive #archive-title {
	/* ie win (5, 5.5, 6) bugfix */
    /* p\osition: relative; */
    /* width: 100%; */
    /* w\idth: auto; */

    margin: 0 0 20px;
	padding: 8px 5px 3px 47px;
	font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	background: #FF9933 url(../img/common/bg_archive_title_h2.jpg) no-repeat 9px 5px;
	border: 1px solid #E6E6E6;
	line-height: 1.5;

}
.date-header {
    margin-top: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.entry-header {
	margin-top: 0;
	margin-bottom: 18px;
	padding: 5px 5px 5px 10px;
	color: #736357;
	background: #ffcc00;
	padding: 5px 5px 5px 20px;
	color: #000;
	background: #F0F0F0 url(../img/common/bg_archive_title_h3.gif) no-repeat 4px 6px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.main-index .entry-header {
	padding: 0 0 3px 0;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	border: 0;
	border-bottom: 3px solid #FF9933;
	line-height: 1.5;
	background: none;
	clear: both;
}
.main-index .entry-header a { color: #FF9933; text-decoration: none; }
.main-index .entry-header a:hover { text-decoration: underline; }

.entry-content,
.comment-content,
.trackback-content {
    margin: 0;
    line-height: 1.7;
    padding-left:15px;
}

.entry-content.entry-content {
    background: #FFFFFF;
    margin: 0;
    padding: 10px 25px 10px 25px;
}

.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

.entry-footer,
.comment-footer,
.trackback-footer {
    padding: 5px 0 20px 0;
    margin: 0 0 20px 0;
    border-top: 1px solid #dae0e6;
    color: #666;
    font-size: 11px;
    text-align: right;
}

.layout-artistic .entry-footer,
.layout-two-column-left .entry-footer {
    padding: 10px 15px 0 15px;
    margin-bottom: 0;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
    margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info {
    margin: 10px 0;
    border: 1px dashed #a3b8cc;
    padding: 0 10px;
    color: #292e33;
    font-size: 11px;
    text-align: center;
    background: #e6ecf2;
}

.comments-open-footer {
    margin: 10px 0;
}






.entry {
	margin-bottom: 30px;
}
.entry td {
	padding: 5px 5px 5px 15px;
	vertical-align: top;
}


/* Experimental comment styles
    Not currently in use anywhere in default templates
    For testing only... */
#comments-experimental .comment, #comments-experimental .comment .comment-inner {
    width:36em;
}

#comments-experimental .comment {
    padding: 0px;
    margin: 10px 15px;
    background-color:#eef;
    border:2px solid #bbb;
}

#comments-experimental .comment .comment-inner {
    position:relative;
    margin:-5px 0 0 -3px;
    background:#f3f3ff;
    border:1px solid #003;
}

#comments-experimental .comment:hover .comment-inner {
    border:1px solid #000;
    background-color: #fff;
}

#comments-experimental .comment a {
    text-decoration: none;
    border-bottom: 1px dotted #36414d;
}

#comments-experimental .comment:hover a {
    color: #333;
    border-bottom: 1px solid #666;
}

#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment-footer-experimental {
    margin-right: 15px;
    font-size: 10px;
    text-align: right;
}

#comments-experimental .comment .comment-header {
    font-size: 16px;
    margin: 5px auto 5px 10px;
    text-shadow: #99A 2px 2px 1px #66F;
    color: #666;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }


/**** ヘッディング ****/


.category-list-top {
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #E6E6E6;
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
}
.category-list-item {
    margin: 0 10px;
    padding: 0;
    float: left;
}

.category-list-bottom {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ccc;
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
}
.category-list-item {
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
	float: left;
}
.category-list-item a {
	padding: 5px 7px; 
	color: #FFFFFF;
	background: #FF7F19;
	display: block;
	text-decoration: none;
}
.category-list-item a:hover {
	padding: 5px 7px; 
	color: #FF7F19;
	background: #FFFFFF;
	display: block;
	text-decoration: none;
}

/**** エントリーリスト ****/


.entry-list {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
}
.entry-list-item {
    margin: 0;
    padding: 0;
}
.entry-list-item a {
    color: #ED6C00;
}

/**** スタッフリスト ****/


.staff-list {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}

.staff-list-item {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
}
.staff-list-item img {
    margin-bottom: 3px;
}


/**** 事例リスト ****/

.blog-list {
    margin:0;
    padding:0;
    list-style-type:none;
}
.blog-list li {
    margin:10px 0;
    padding:0px;
}
.blog-list img {
    float:left;
	padding: 1px;
	border: 1px solid #E6E6E6;
    margin-right:10px;
}
.blog-list dl {
    margin:0 0 0 110px;
    padding:0;
}
.blog-list dt {
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    margin-bottom:5px;
}
.blog-list dd {
    margin:0;
    padding:0;
}



/**** ヘッディング ****/


h2 {
    margin-top: 0;
    padding: 0;
    font-size:18px;
    font-weight: bold;
    color: #FF9933;
    line-height: 1.125;
}
h2 a {
    color: #FF9933;
    text-decoration: none;
}
.takuma-header {
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    border-bottom: 5px solid #ccc;
}

h4 {
    padding: 15px 0 3px 5px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    border-bottom: 3px solid #FF9933;
    line-height: 1.5;
}
h5 {
	margin:10px 0;
    padding:3px 3px 3px 10px;
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid #dddddd;
    border-left:5px solid #FF9933;
}
h6 {
    font-size: 12px;
    line-height: 1.5;
	background: url(../img/common/bg_archive_title_h4.gif) no-repeat 4px 4px;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* content */

.content-nav {
    margin: 10px;
    text-align: center;
}

.date-header,
.entry-content {
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    /* overflow: hidden; */
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}
.entry-content div {
	font-size: 12px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
	clear: both;
	padding-bottom: 20px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
}

#comment-post {
    font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}

/**** フォトシネマ ****/

.photo-list {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}
.photo-list-item {
    width: 138px;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
}
.photo-list-item a {
	text-decoration: none;
}
.photo-list-item a:hover {
	text-decoration: none;
}

/* 次へ進む */

.navi {
    margin-bottom: 20px;
}

.previous {
    float:right;
    text-align:right;
}
.next {
    float:left;
    text-align:left;
}


/* エントリーフォーム */

.entry-list {
    margin: 0;
    padding: 0;
}
.entry-list dt {
    margin: 0;
    padding: 10px 0;
    float: left;
}
.entry-list dd {
    margin: 0 0 0 100px;
    padding: 10px 0;
}


img.plan_list{
	margin: 2px 4px 0 8px;
}

div.plan_box{
	color: #333333;
	margin: 4px 2px;
	padding: 3px 3px 8px 3px;
	border-top: #FF6600 3px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	background-color:#FFFFFF;
}

.fontsize_10_linehi12 {
	font-size: 10pt;
	line-height: 12pt;
	text-align: left;
}


div.plan_box td{
	font-size: 80%;
	line-height: 160%;
	background-color:#FFFFFF;
	float:left;
}

p.plan {
	padding-left: 5px;
	text-align: left;
}