@charset "UTF-8";

/*--------------------------------------

movin' CSS Document

version: 2007/08/20

---------------------------------------*/

/* CSS Menu **********************************

1.Base
 	[1-1]Font
 	[1-2]HTML
 	[1-3]standard helper classes

2.layout
	[2-1]container
	[2-2]header
	[2-3]g-navi
	[2-5]footer

3. page main contents
	[3-1]page main contents
	[3-2]alpha contents
	[3-3]beta contents
	[3-4]entry
	[3-5]module

4.parts
	[4-1]bunner
	[4-2]パンクズリスト
	[4-3]エントリー内見出し
	


***********************************************/

/*---------------------------------------------

1.Base

----------------------------------------------*/

/*1.[1-1]Font---------------*/

body{
	color: #333333;
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* ie6 & ie7 font size */

/* \*/

* html body{
	font-size: 75%;
}

* html table{
	font-size: 100%;
}

*:first-child+html body{
	font-size: 75%;
}

/* */

address{
	font-size: 85%;
	color: #666666;
	font-style: normal;
}

/*1.[1-2]html---------------*/

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,input,textarea,
table,td,th,tr {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

body {
    /* setting border: 0 hoses ie5 win window inner well border */
	background: #BDCBD8 url(img/bodybg.jpg) repeat-x top;
	padding-bottom: 50px;
}

img {
	margin: 0px;
	padding: 0px;
}

a img{
	border: none;
}

form{
	text-align: center;
}

form input{
	text-align: center;
}

ul,ol{
	list-style-type: none;
}

em,strong{
	font-size: 100%;
	font-style: bold;
}

table{
	width: 95%;
	margin: 10px;
	background:#cccccc;
	border-collapse: separate;
}

table th{
	padding: 1px;
	background: #2c79c6;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color:#ffffff;
	white-space: nowrap; 
}	

table td{
	padding: 3px 3px;
	background: #FFFFFF;
	text-align: left;
}


/* 1.[1-3]txt link-------------*/

a {
	text-decoration: underline;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #FF6600; text-decoration: underline;
}
a:active {
	color: #FF6600;
}

/* 1.[1-4]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; }
/* */


/*---------------------------------------------

2.layout

----------------------------------------------*/

/* 2.[2-1]container-----------------------*/

div#container {
    position: relative;
    margin: 0px 0px 0px 25px;
    width: 845px;
	background: url(img/wall_bg.jpg) repeat-y;
	text-align: center;
}

div#container-inner { 
	width: 845px;
	background: url(img/wall_top.jpg) no-repeat top; 
}


/* 2.[2-1]header---------------------------*/
div#banner { 
	position: relative;
	width: 810px;
	margin: 0px auto 0px auto;
	padding-top: 10px;
}
div#banner-inner { 
	position: static; 
}

div#banner div.top_navi_box {
	border-top: 3px solid #333333;
}

div#banner div.top_navi_left{
	float: left;
	width: 425px;
        margin-top : 5px ;
}

div#banner div.top_navi_left h1{
	display: block;
	width: 133px;
	margin-top: 10px;
}

div#banner div.top_navi_left h2{
	display: block;
	color: #000000;
	font-size: 85%;
	white-space: nowrap;
}

div#banner div.top_navi_right{
	float: right;
	width: 340px;
	font-size: 85%;
}

div#banner div.top_navi_right ul{
	width: 340px;
	text-align: right;
}

div#banner div.top_navi_right li{
	display: inline;
	padding : 0 ;
	list-style-type :none;
}


div#banner div.description{
	float: left;
	width: 425px;
}

div#banner div.description h1{
	display: inline;
	width: 133px;
	margin-top: 10px;
}

div#banner div.description h2{
	display: inline;
	color: #000000;
	font-size: 85%;
	white-space: nowrap;
}

div#banner div.h-navi{
	float: right;
	width: 315px;
	margin-top: 18px;
	font-size: 85%;
}

div#banner div.h-navi ul{
	width: 315px;
	text-align: right;
}

div#banner div.h-navi li{
	display: inline;
	padding-left: 6px;
	margin-right: 8px;
	background: url(img/icon_header_link.gif) no-repeat 0px 2px;
}

/*-Win ie7-*/

/* \*/

*:first-child+html div#banner div.description{
	width: 455px;
}


*:first-child+html div#banner div.h-navi{
	margin-top: 20px;
}

/**/

/*2.[2-3] g-navi-----------------------------------*/

div#g-navi{
	position: absolute;
	width: 810px;
	margin: 0px auto ;
	top: 110px;
	left: 17px;
}

div#g-navi:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html div#g-navi { display: inline-block; }
/* no ie mac \*/
* html div#g-navi { height: 1%; }
div#g-navi { display: block; }
/* */

div#g-navi dl{
	float: left;
}

div#g-navi dl dt{
	width: 116px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
}

div#g-navi dl dt a{
	display: block;
	width: 116px;
	height: 46px;
}


div#g-navi dl dt.navi1 a{
	background: url(img/navi1.gif) no-repeat;
}

div#g-navi dl dt.navi1 a:hover{
	background: url(img/navi1_r.gif) no-repeat;
}

div#g-navi dl dt.navi2{
	background: url(img/navi2.gif) no-repeat;
}

div#g-navi dl dt.navi2 a:hover{
	background: url(img/navi2_r.gif) no-repeat;
}

div#g-navi dl dt.navi3{
	background: url(img/navi3.gif) no-repeat;
}

div#g-navi dl dt.navi3 a:hover{
	background: url(img/navi3_r.gif) no-repeat;
}

div#g-navi dl dt.navi4{
	width: 115px;
	background: url(img/navi4.gif) no-repeat;
}

div#g-navi dl dt.navi4 a{
	width: 115px;
}

div#g-navi dl dt.navi4 a:hover{
	background: url(img/navi4_r.gif) no-repeat;
}

div#g-navi dl dt.navi5{
	background: url(img/navi5.gif) no-repeat;
}

div#g-navi dl dt.navi5 a:hover{
	background: url(img/navi5_r.gif) no-repeat;
}

div#g-navi dl dt.navi6{
	background: url(img/navi6.gif) no-repeat;
}

div#g-navi dl dt.navi6 a:hover{
	background: url(img/navi6_r.gif) no-repeat;
}

div#g-navi dl dt.navi7{
	width: 115px;
	background: url(img/navi7.gif) no-repeat;
}

div#g-navi dl dt.navi7 a{
	width: 115px;
}

div#g-navi dl dt.navi7 a:hover{
	background: url(img/navi7_r.gif) no-repeat;
}

div#g-navi dl dd{
	display: none;
	width: 112px;
	background:#E8E2D9 url(img/pull_down_bg.gif) no-repeat;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #CCCCCC;
}

div#g-navi dl:hover dd{
	display: block;
}

div#g-navi dl dd a{
	display: block;
	width: 100px;
	padding: 6px 6px 6px 6px;
}




/*2.[2-5]footer--------------------------------*/

div#footer{
	width: 845px;
	margin: 0px 0px 0px 25px;
	background: url(img/wall_foot.jpg) no-repeat 0px 0px;
	text-align: center; 
}

div#footer ul{
	width: 820px;
	margin: 0px auto 9px auto;
	padding-top: 12px;
	font-size: 85%;
	text-align: left;
}

div#footer ul li{
	display: inline;
}

div#footer ul li span{
	margin-left: 3px;
	margin-right: 3px;
	color: #000000;
}

div#footer address{
	text-align: right;
}

	
/*---------------------------------------------

3.page main contents

----------------------------------------------*/


/* 3.[3-1]page main contents --------------------*/

div#pagebody {
	width: 810px;
	margin: 0px auto;
	font-size: 100%;
}

div#pagebody-inner { 
	width: 100%;
	padding-bottom: 20px;
}


 
div#delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

div#delta { float: right; }

div#alpha-inner, 
div#beta-inner,
div #gamma-inner, 
div#delta-inner {
    position: static;
}







/*3.[3-4]entry---------------------------------*/




.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,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}

.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;
}



/*3.[3-5]module---------------------------------*/

div.module {
    position: relative;
    overflow: hidden;
    width: 180px;
	text-align: center;
}

div.module-content {
	width: 168px;
	margin: 0px auto;
	margin-left: 6px;
	text-align: left;
}

h4.module-header{
	width: 100%;
	padding: 6px 5px;
	background-color: #F9F9F9;
	border-style: solid;
	border-width: 1px 0px;
	border-color: #CCCCCC;
	text-align: left;
	font-weight: bold;
}

div.module-content p{
	margin-top: 15px;
}

div.module-content ul.li-btn{
	width: 168px;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.module-content ul.li-btn li{
	width: 168px;
	height: 27px;
	padding-left: 20px;
	padding-top: 3px;
	background: url(img/side_btn.gif) no-repeat;
}



div.module-content ul.mini-list{
	width: 65px;
	margin-top: 5px;
	margin-left: 100px;
	margin-bottom: 10px;
	text-align: right;
}

div.module-content ul.mini-list li{
	width: 65px;
	margin-right: 5px;
	padding-left: 13px;
	background: url(img/icon_link.gif) no-repeat 0px 5px;
	font-size: 85%;
}

div.module-content dl.conpany{
	width: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4px;
}

div.module-content dl.conpany dd{
	font-size: 85%;
}

div.module-content dl.item{
	width: 160px;
	margin-top: 0px;
}

div.module-content dl.item dt{
	margin-bottom: 5px;
}

div.module-content dl.item dd{
	margin-bottom: 15px;
}




/*4.[4-1]banner ----------------------------*/

div.banner-movin{
	position: relative;
	width: 600px;
	height: 84px;
}

div.banner-movin h5{
	position: absolute;
	width: 200px;
	height: 18px;
	top: 13px;
	left: 13px;
	text-indent: -9999px;
}


div.banner-movin p.txt{
	position: absolute;
	width: 350px;
	height: 33px;
	top: 39px;
	left: 14px;
	color: #FFFFFF;
}

div.banner-movin div.btn {
	position: absolute;
	width: 177px;
	height: 57px;
	top: 14px;
	left: 413px;
	text-indent: -99999px;
	overflow: hidden;
}

/*4.[4-2]sidemenu----------------------------*/

div.sidemenu{
	width: 180px;
	margin-bottom: 5px;
}

div.sidemenu dl,
div.sidemenu h3,
div.sidemenu ul{
	width: 180px;
}


div.sidemenu dl dt{
	width: 180px;
	background: #0063B9;
	border-top-color: #FFFFFF;
	border-bottom-color: #888888;
	border-style: solid;
	border-width: 1px 0px;
}

div.sidemenu dl dt.no-link{
	width: 170px;
	padding: 5px;
}

div.sidemenu ul li{
	width: 180px;
	background-color: #CCCCCC;
	border-top-color: #FFFFFF;
	border-bottom-color: #888888;
	border-style: solid;
	border-width: 1px 0px;
}


div.sidemenu ul li a{
	display: block;
	width: 170px;
	padding: 5px;
}

div.sidemenu ul li.ca-top{
	background: #0063B9;
	border-top-color: #00A1E2;
	border-bottom-color: #005194;
}

div.sidemenu ul li.ca-top a:link,
div.sidemenu ul li.ca-top a:visited{
	color: #FFFFFF;
}

div.sidemenu h3{
	width: 170px;
	padding: 5px;
	background: #0063B9;
	border-top-color: #00A1E2;
	border-bottom-color: #005194;
	border-style: solid;
	border-width: 1px 0px;
	color: #ffffff;
}

div.sidemenu h3 a:link,
div.sidemenu h3 a:visited{
	color: #ffffff;
}


div.sidemenu dl dt.folded{
	width: 170px;
	padding: 5px;
	color: #FFFFFF;
}

div.sidebar_menu{
	display:block;
}

div.sidemenu dl dd {
	width: 180px;
	background: #DDDDDD;
	border-top-color: #FFFFFF;
	border-bottom-color: #888888;
	border-style: solid;
	border-width: 1px 0px;
}

div.sidemenu dl dt a,
div.sidemenu dl dd a{
	display: block;
	width: 170px;
	padding: 5px;
}

div.sidemenu dl dt a:link,
div.sidemenu dl dt a:visited{
	color: #FFFFFF;
}

div.sidemenu ul li a:hover,
div.sidemenu dl dt a:hover,
div.sidemenu dl dd a:hover{
	background: #838DB1;
	color: #FFFFFF;
	text-decoration: none;
}




/*4.[4-1]パンクズリスト---------------------------------------*/

div#crumb {
	width: 620px;
	font-size: 85%;
	text-align: left;
}

/*4.[4-2]go top---------------------------------------*/

ul.gotop{
	width: 580px;
	margin: 25px auto 0px auto;
}

ul.gotop li{
	text-align: right;
	font-size: 85%;
}


/*4.[4-3]エントリー内CSS------------------------------*/

.midashi01{
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 9px;
	padding-right: 5px;
	border-left: 4px solid #E0702F;
}

.midashi02{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}

div.entry-body ol a{
	display: inline;
	margin-left: 8px;
	padding-left: 12px;
	background: url(img/icon_header_link.gif) no-repeat 0px 1px;
}

hr{
	height: 1px;
	border-style: dotted none none none;
	border-top-color: #898989;
	border-top-width: 1px;
	clear: both;
}
