/*
Theme Name:YAMATOWORKS
Theme URI:http://www.yamatoworks.com/
Description:YAMATOWORKS
Auther:YAMATOWORKS
*/

/****************************************************************************/
/* 全サイト共通のCSS                                                        */
/****************************************************************************/
/*
■CSSの優先度
優先度を上げる場合には、「;」の前に「!important」を記入

■MacIE5.xは読まないようにする場合(その他ブラウザは読む)
/※ \※/
p { color:#FFFFFF; }
/※ ※/

■IEのみCSSを当てる場合の例
p { _color:#FFFFFF; };

■フォントの関係
100%(16px)
87.5%(14px)
75%(12px)
62.5%(10px)

*/


/****************************************************************************/
/* 全体の初期化                                                             */
/****************************************************************************/
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

/* Hack For MacIE\*/
* {letter-spacing:1px;}
/* Hack For MacIE*/



/****************************************************************************/
/* 外枠設定                                                                 */
/****************************************************************************/
/* ブラウザ背景 */
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-top:5px solid #626262;
}

/* ページ領域 */
#wrapper {
	width:740px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:#FFF;
}



/****************************************************************************/
/* 文字装飾 (汎用)                                                          */
/****************************************************************************/
/* 文字：コメント・強調等 */
.red {color:#B90001;}
.bg_brown{background-color:#EEE6D5;}

/* 文字：リンク */
a.link, a.link:link {color:#3366CC;border-bottom:1px dotted #3366CC;text-decoration:none;}
a.link:visited {color:#663366;border-bottom:1px dotted #663366;text-decoration:none;}
a.link:hover, a.link:active    {color:#3366CC;border-bottom:1px solid #3366CC;text-decoration:none;}



/****************************************************************************/
/* 余白・位置 (汎用)                                                        */
/****************************************************************************/
/* 上余白 */
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}

/* 下余白 */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* 左余白 */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml60 {margin-left:60px;}
.pl10 {padding-left:10px;}

/* 右余白 */
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

/* 位置 */
.center {text-align:center;}
.right  {text-align:right;}
.floatL {float:left;}



/****************************************************************************/
/* その他 (汎用)                                                            */
/****************************************************************************/
/* 回り込みのクリア */
.clear {clear:both;font-size:0px;}

/* 情報グルーピング用の区切り線 */
hr {display:none;}



/****************************************************************************/
/* ヘッダー                                                                 */
/****************************************************************************/
/* ヘッダーエリア */
#header {
	background:url("images/bg_header.jpg") 0 0 no-repeat;
	width:740px;
	height:127px;
	margin-bottom:10px;
}

#header h1 a {
	border:none;
}

#header h1 img {
	margin:48px 0px 0px 0px;
	border:none;
}



/****************************************************************************/
/* 左カラム                                                                 */
/****************************************************************************/
#leftcolumn {width:220px;float:left;}

/* メニュー */
#leftcolumn #menu {margin-bottom:20px;}
#leftcolumn #menu ul {list-style:none;}

#leftcolumn #menu ul li a, #leftcolumn #menu ul li strong {
	display:block;
	text-decoration:none;
	height:45px;
	width:190px;
	overflow:hidden; border-bottom:1px dotted #333;
}

#leftcolumn #menu ul li.page-item-133, #leftcolumn #menu ul li.page-item-3, #leftcolumn #menu ul li.page-item-15,
#leftcolumn #menu ul li.page-item-18, #leftcolumn #menu ul li.page-item-23, #leftcolumn #menu ul li.page-item-51,
#leftcolumn #menu ul li.page-item-58, #leftcolumn #menu ul li.page-item-62, #leftcolumn #menu ul li.page-item-64,
#leftcolumn #menu ul li.page-item-68, #leftcolumn #menu ul li.page-item-228 {text-indent:-9999px;}


#leftcolumn #menu ul li.page-item-133 a       {background:url("images/menu01.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-133 a:hover,
#leftcolumn #menu ul li.page-item-133 strong  {background:url("images/menu01_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-3 a       {background:url("images/menu02.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-3 a:hover,
#leftcolumn #menu ul li.page-item-3 strong  {background:url("images/menu02_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-15 a       {background:url("images/menu03.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-15 a:hover,
#leftcolumn #menu ul li.page-item-15 strong  {background:url("images/menu03_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-18 a       {background:url("images/menu04.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-18 a:hover,
#leftcolumn #menu ul li.page-item-18 strong  {background:url("images/menu04_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-23 a       {background:url("images/menu05.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-23 a:hover,
#leftcolumn #menu ul li.page-item-23 strong  {background:url("images/menu05_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-51 a       {background:url("images/menu06.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-51 a:hover,
#leftcolumn #menu ul li.page-item-51 strong  {background:url("images/menu06_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-58 a       {background:url("images/menu07.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-58 a:hover,
#leftcolumn #menu ul li.page-item-58 strong  {background:url("images/menu07_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-62 a       {background:url("images/menu08.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-62 a:hover,
#leftcolumn #menu ul li.page-item-62 strong  {background:url("images/menu08_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-64 a       {background:url("images/menu09.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-64 a:hover,
#leftcolumn #menu ul li.page-item-64 strong  {background:url("images/menu09_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-68 a       {background:url("images/menu10.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-68 a:hover,
#leftcolumn #menu ul li.page-item-68 strong  {background:url("images/menu10_ac.gif") 0% 50% no-repeat;}

#leftcolumn #menu ul li.page-item-228 a       {background:url("images/menu11.gif") 0% 50% no-repeat;}
#leftcolumn #menu ul li.page-item-228 a:hover,
#leftcolumn #menu ul li.page-item-228 strong  {background:url("images/menu11_ac.gif") 0% 50% no-repeat;}



/****************************************************************************/
/* 右カラム                                                                 */
/****************************************************************************/
#rightcolumn {
	width:520px;
	float:left;
	color:#333;
}

#rightcolumn h2 {
	background:url("images/h1.gif") left bottom no-repeat;
	font-size:120%;
	text-indent:0.5em;
	line-height:2.5em;
	margin:0px 0px 20px 0px;
	color:#B90001;
}

#rightcolumn h3 {
	font-size:100%;
	margin:0px 0px 20px 10px;
	border:none;
	text-indent:0em;
}

#rightcolumn h4 {
	font-size:100%;
	margin:0px 0px 10px 10px;
	border-left:3px solid #646464;
	text-indent:0.5em;
}

#rightcolumn .contentsblock {margin:0px 0px 40px 10px;}
#rightcolumn dd {margin:0px 0px 20px 20px;}
#rightcolumn ul.list {list-style:none;margin-bottom:20px;}
#rightcolumn ul.list li {text-indent:-1em;padding-left:1em;}

#rightcolumn .contentsblock table.table {
	border:1px #CCCCCC solid; 
	border-collapse:collapse;
	empty-cells:hide;
	width:100%;
}

#rightcolumn .contentsblock table.table th {
	border:1px #CCCCCC solid; 
	padding:3px 5px;
	vertical-align:middle;
	text-align:left;
	background-color:#EEE6D5;
}

#rightcolumn .contentsblock table.table td {
	border:1px #CCCCCC solid; 
	vertical-align:middle;
	text-align:center;
	padding:3px 5px;
}

#rightcolumn .contentsblock2 {
	margin:0px 0px 40px 10px;
	padding:0px 0px 40px 0px;
	border-bottom:1px dotted #333;
}

/* トップページ用 *********************************************************/
#rightcolumn .letterlist_red, #rightcolumn .letterlist_green {
	margin:0px 10px 20px 10px;
	padding:10px;
	background-color:#FFFFEF;
	border:1px solid #FFCC66;
}

#rightcolumn .letterlist_red ul, #rightcolumn .letterlist_green ul {margin-left:30px;}
#rightcolumn .letterlist_red ul li {list-style-image:url("images/icon_check_red.gif");}
#rightcolumn .letterlist_green ul li {list-style-image:url("images/icon_check_green.gif");}


/* 仕事のすすめ方用 *********************************************************/
#rightcolumn .contentsblock .flow01 {
	background:url("images/icon_flow01.jpg") 0% 50% no-repeat;
	padding-left:60px;
	height:50px;
	vertical-align:middle;
	margin-bottom:10px;
}

#rightcolumn .contentsblock .flow02 {
	background:url("images/icon_flow02.jpg") 0% 50% no-repeat;
	padding-left:60px;
	height:50px;
	vertical-align:middle;
	margin-bottom:10px;
}

#rightcolumn .contentsblock .flow03 {
	background:url("images/icon_flow03.jpg") 0% 50% no-repeat;
	padding-left:60px;
	height:50px;
	vertical-align:middle;
	margin-bottom:10px;
}

#rightcolumn .contentsblock .flow04 {
	background:url("images/icon_flow04.jpg") 0% 50% no-repeat;
	padding-left:60px;
	vertical-align:middle;
	margin-bottom:10px;
}

#rightcolumn .contentsblock .flow05 {
	background:url("images/icon_flow05.jpg") 0% 50% no-repeat;
	padding-left:60px;
	height:50px;
	vertical-align:middle;
	margin-bottom:10px;
}

#rightcolumn .contentsblock .flow06 {
	background:url("images/icon_flow06.jpg") 0% 50% no-repeat;
	padding-left:60px;
	height:50px;
	vertical-align:middle;
	margin-bottom:10px;
	line-height:4em;
	text-indent:7.5em;
}

#rightcolumn .contentsblock .flow07 {
	background:url("images/icon_flow07.jpg") 0% 50% no-repeat;
	padding-left:60px;
	vertical-align:middle;
	margin-bottom:40px;
}


/* 制作実績用 ***************************************************************/
#rightcolumn .contentsblock table.thumb tr td, #rightcolumn .contentsblock2 table.thumb tr td {
	vertical-align:top;padding:5px;
}

#rightcolumn .contentsblock table.thumb tr td img, #rightcolumn .contentsblock2 table.thumb tr td img {
	width:128px;
	height:104px;
	padding:3px;
	border:1px solid #CCC;
}


/* 運営者情報 ***************************************************************/
#rightcolumn table.abouttable {
	width:100%;
	empty-cells:hide;
	border-collapse:collapse;
}
#rightcolumn table.abouttable th {
	border:1px #CCC solid; 
	text-align:left;
	padding:3px 5px;
}
#rightcolumn table.abouttable td {
	border:1px #CCC solid; 
	padding:3px 5px;
}




/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
/* フッターエリア */
#footer {
	width:740px;
	font-size:75%;
	border-top:3px solid #626262;
	padding-top:10px;
}

/* 著作権表記 */
#footer address {
	margin-bottom:5px;
	font-style:normal;
	font-weight:normal;
	color:#333;
}