@charset "shift_jis";

/* =====基本タグの再定義===== */
body,img,div,p,a,ul,li,dl,dt,dd,table,tbody,tr,td,th,form,fieldset,abbr{
	margin:0;
	padding:0;
	border:none;
}
html{
	min-width:755px;
}
body{
	behavior:url("/js_css/csshover2.htc");
}
h1, h2, h3, h4, h5, h6 {
	display:block;
	font-weight:400;
	font-size:100%;
	margin:0;
	padding:0;
}
img{
	border:none;
}
a img{
	border:none;
}
ul, ol{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
table.cssTable{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:hide;
}
html>body table.cssTable{
	border-collapse: separate;
}

/* =====消し===== */
.rmv{
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

/* =====回り込み解除===== */
.clearBoth{
	clear:both;
}

/* =====フォント===== */
body{
	font-family:"Verdana","Helvetica",sans-serif;
	font-size:100%;
	line-height:100%;
	background:#fff;
	color:#333;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
.bold{
	font-weight:700;
}

/* =====背景===== */
body{
	background: url(/images/bg.png) repeat 0 0;
}
div#shadowBox{
	background: url(/images/shadow.png) repeat-y 800px 0;
}
div#baseBox{
	width:800px;
	border-top:#515676 4px solid;
	background:#fff;
	padding-bottom:22px;
}
body.topPage div#baseBox{
	padding-bottom:0;
}
div#topLayout{
	background: url(/images/top.png) no-repeat 0 0;
	height:479px;
	position:relative;
}

div#end{
	width:805px;
	height:5px;
	behavior: url(/js_css/iepngfix.htc);
	background: url(/images/end.png) no-repeat 0 0;
}



/* =====ヘッダ===== */
div#header{
	height:94px;
	background: url(/images/header_bg.png) no-repeat 45px 88px;
}
div#header #header-name{
	position:absolute;
	top:55px;
	left:44px;
}
div#header #header-description{
	position:absolute;
	top:36px;
	left:45px;
}
div#header ul{
	height:94px;
	width:755px;
}
div#header li{
	background: url(/images/header_nav.png) no-repeat 0 1px;
	margin-top:52px;
	float:right;
	padding-left:1px;
}
div#header li a{
	display:block;
	padding-bottom:6px;
}
div#header li a.choseIt,
div#header li a:hover{
	border-bottom:solid #5b5a71 6px;
	padding-bottom:0;
}

/* =====TOP===== */
div#topLayout li{
	position:absolute;
	top:240px;
	width:146px;
	height:52px;
}
div#topLayout li.aboutBtn{
	background: url(/images/top_btn1_bg.png) no-repeat 0 0;
	left:40px;
}
div#topLayout li.worksBtn{
	background: url(/images/top_btn2_bg.png) no-repeat 0 0;
	left:197px;
}
div#topLayout h1{
	position:absolute;
	top:103px;
	left:40px;
}
div#topLayout p{
	position:absolute;
	top:151px;
	left:41px;
}

/* =====メイン===== */
div#content{
	margin:29px 0 0 45px;
	position:relative;
	z-index:1;
	background-color:#ffffff;
}
div#content #subTitle{
	margin-bottom:17px;
}
div#alpha{
	background: url(/images/alpha_bgm.png) repeat-y 0 0;
	width:712px;
}
div#alphaT{
	background: url(/images/alpha_bgt.png) no-repeat 0 0;
	width:712px;
	height:3px;
}
div#alphaB{
	background: url(/images/alpha_bgb.png) no-repeat 0 0;
	width:712px;
	height:3px;
	clear:both;
}
div.alphaInner{
	margin:31px 37px 36px 35px;
}
body.mt-main-index div.alphaInner{
	margin-top:32px;
}
body.mt-category-archive div.alphaInner{
	margin-top:35px;
}

div.assetHeader{
	border-bottom:solid 1px #ccc;
	padding-bottom:4px;
}
div.assetBody{
	font-size:75%;
	line-height:150%;
}

/* =====カテゴリの選択===== */
div.categoryFloatPosition{
	position:absolute;
	left:121px;
	top:2px;
	font-size:75%;
	z-index:2;
}
div.categoryFloat div.csM{
	padding-right:1px;
}
div.categoryFloat div.cs{
	border-left:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-top:solid #ccc 1px;
}
div.categoryFloat div.csInner{
	background: url(/images/category_h_bg.png) repeat-y 0 0;
}
div.categoryFloat div.csT1{
	background: url(/images/category_h_bg1.png) repeat-x 0 0;
}
div.categoryFloat div.csT2{
	background: url(/images/category_h_bg2.png) no-repeat 0 0;
}
div.categoryFloat div.csT3{
	background: url(/images/category_h_bg4.png) no-repeat 0 100%;
}
div.categoryFloat div.csB{
	background: url(/images/category_h_bg3.png) no-repeat 100% 0;
	border-bottom:solid #ccc 1px;
	padding-right:42px;
}
div.categoryFloat div.csB p{
	background: url(/images/category_h_link.png) no-repeat 8px 50%;
	padding:3px 0 2px 24px;
}

/* プルダウンがニョキ */
*+html body div.categoryFloat{
	height:100%;
	background: url(/images/_.gif);
}/* IE7用ハック */

div.categoryFloat div.op0{
	overflow:hidden;
	position:relative;
	height:0;
}
* html body div.categoryFloat div.op0{
	float:left;
}/* IE6用ハック */
div.categoryFloat div.op0:hover,
div.categoryFloat:hover div.op0{
	overflow:visible;
	display:block;
	height:auto;
}
/* IE6のために強引に影を作る */
.categoryFloat div.op1{
	background: url(/images/category_bg1.png) repeat 0 0;
	behavior: url(/js_css/iepngfix.htc);
}
.categoryFloat div.op2{
	background: url(/images/category_bg5.png) no-repeat 100% 0;
	padding-right:1px;
}
.categoryFloat ul{
	background-color:#fff;
	padding:6px 5px 1px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.categoryFloat li{
	display:block;
	padding-bottom:4px;
}
.categoryFloat li a{
	display:block;
	padding:0 40px 1px 3px;
	vertical-align:baseline;
}
.categoryFloat li a:hover{
	background-color:#7f7e91;
	color:#ffffff;
}

.categoryFloat div.op3{
	padding:0 2px 0 3px;
}
.categoryFloat div.op4{
	position:relative;
	top:-2px;
}
.categoryFloat div.op8{
	position:absolute;
	width:2px;
	height:2px;
	left:1px;
	background: url(/images/category_bg3.png) no-repeat 0 0;
	behavior: url(/js_css/iepngfix.htc);
}
.categoryFloat div.op9{
	position:absolute;
	width:2px;
	height:2px;
	right:0;
	background: url(/images/category_bg4.png) no-repeat 0 0;
	behavior: url(/js_css/iepngfix.htc);
}
* html body .categoryFloat div.op9{
	right:0;
}/* IE6用ハック */

.categoryFloat div.op5{
	background: url(/images/category_bg2.png) repeat 0 0;
	behavior: url(/js_css/iepngfix.htc);
}
.categoryFloat div.op6{
	background: url(/images/category_bg1.png) repeat 0 0;
	behavior: url(/js_css/iepngfix.htc);
}
.categoryFloat div.op7{
	height:1px;
	width:1px;
}


/* =====RSSと検索===== */
.searchWrap{
	position:absolute;
	right:45px;
	top:3px;
	width:auto;
}
.searchWrap table{
	float:right;
}
.rssWrap{
	vertical-align:bottom;
	padding:0 4px 1px 0;
}
.searchWrap input{
	font-size:75%;
	vertical-align:bottom;
	margin-left:2px;
}


/* =====フッタA===== */
div#goTop{
	clear:both;
	width:756px;
	text-align:right;
	margin-top:10px;
	font-size:63%;
}
#botNav{
	font-size:63%;
	width:760px;
	text-align:center;
	margin-top:19px;
}
#botNav li{
	display:inline;
	border-left:solid 1px #333;
	padding:0 0.5em;
}
#botNav li.botNavTop{
	border-left:none;
}


/* =====フッタB===== */
div#footer{
	width:799px;
	padding:6px 0 40px;
	text-align:right;
}
div#footer img{
	margin-left:9px;
}
body.topPage div#footer ul{
	position:relative;
	width:400px;
	text-align:left;
	float:left;
}
body.topPage div#footer img.blog1link{
	margin-left:0;
	position:absolute;
	left:15px;
	top:5px;
}

/* =====ボディ本体の定義===== */
/* 単ページ */
.assetHeader #pageTitle{
	display:inline;
	font-weight:700;
	font-size:88%;
}
.assetHeader .published{
	font-size:75%;
	padding-left:1em;
}
p.mainimg{
	margin-bottom:16px;
}
.entryCategories{
	margin:3px 0 24px;
	font-size:75%;
}
.entryCategories h4,
.entryCategories ul,
.entryCategories li,
.entryCategories p{
	display:inline;
}
.entryCategories p.indexLink{
	padding-left:14px;
}
.entryCategories p.indexLink a{
	background: url(/images/category_b_link.png) no-repeat 0 50%;
	padding-left:9px;
}
.entryCategories h4 span.delimiter,
.entryCategories ul{
	padding:0 0.3em;
}
/* リストページ */
.entryList{
	width:640px;
	background: url(/images/list_dotted.png) repeat-x 0 100%;
	margin-top:15px;
}
.primary{
	float:right;
	width:479px;
	padding:0 0 42px;
}
.primary .assetHeader{
	margin:0 0 6px;
}
.primary .assetTitle{
	font-weight:700;
	font-size:88%;
}
.secondary{
	float:left;
	width:143px;
	height:144px;
	background: url(/images/list_imgbg.png) no-repeat 0 0;
}
.secondary table{
	width:139px;
	height:139px;
	margin:1px;
}
.secondary td{
	text-align:center;
	vertical-align:middle;
}
.entryListLink{
	clear:both;
	height:13px;
	position:relative;
	width:100%;
}
.entryListLink p{
	position:absolute;
	top:-22px;
	right:0;
}
/* かてごりページ */
.categoryTitle{
	border-bottom:solid 1px #ccc;
	margin:32px 37px 0 35px;
	padding-bottom:3px;
}
.categoryTitle p{
	font-size:88%;
	font-weight:700;
	background: url(/images/category_t.png) no-repeat 0 50%;
	padding:0 20px;
}


.pageNav{
	width:640px;
	font-size:75%;
	clear:both;
	margin-top:33px;
}
body.mt-main-index .pageNav,
body.mt-category-archive .pageNav{
	margin-top:18px;
}
.pageNav:after {
	clear:both;
	content:"";
	display:block;
}
.pageNavPre{
	float:left;
	width:302px;
	text-align:right;
}
.pageNavNex{
	float:right;
	width:301px;
}