@charset "utf-8";

/****************************************************************
 base.css : ��Q�ی������������V�X�e���ihttp://www.dinf.ne.jp/) 
            ��{���C�A�E�g�w��
****************************************************************/

/****************************************
    リニューアルした３階層までの
	右カラムありのCSS
****************************************/

body #container #contents #left_rnl {
	width:70%;
	float:left;
}

body #container #contents #right_menu_rnl{
	position:relative;
	float:right;
	width:25%;
	overflow: hidden;
}

body #container #contents #left_rnl .one_col{
	width:99%;
}
body #container #contents #left_rnl .two_col{
	width:70%;
}

body #container #contents #right_menu_rnl{
	position:relative;
	float:right;
	width:27%;
	overflow: hidden;
}


/*-----文字サイズ調整javascriptリンク部分（Templateのheader内）-----*/
#textSize {
	visibility: hidden;
	width: 100px;
	float: left;
	height: 27px;
}


/*-- �e��u���E�U�������W�l���Z�b�g--*/
* {
	margin: 0;
	padding: 0;
}

/*-- �y�[�W�̘g�g --*/
body {
	padding:0 1.5%;
	color: #000033;
	background-color:#96D1F7;
	font-family: "Meiryo", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
	line-height:2;

}



body #line_left{
	background:url(../img/bg_left.gif) repeat-y left;
	padding:0 0 0 20px;
}

body #line_right{
	background:url(../img/bg_right.gif) repeat-y right;
	padding:0 20px 0 0;
}
body #container{
	padding:0px 0px 10px 10px;
	background:#FFFFFF;
}

/*-- �y�[�W�̍\���v�f --*/
body #container .voice {
	width:99%;
	display:none;
}
body #container #header {
	width:97%;
}
body #container #contents {
	width:97%;
	clear:both;
}

body #container #contents #left {
	width: 100%;
	float: left;
}
body #container #contents #left.one_col{
	width:99%;
}
body #container #contents #left.two_col{
	width: 100%;
}

body #container #contents #right_menu{
	position:relative;
	float:right;
	width:27%;
	overflow: hidden;
}
body #container #footer{
	clear:both;
	width:99%;
}


/*��ԊO���̘g*/
#waku{
/*	z-index:0;*/
    background:#FFFFCC;
	padding:0;
	margin:0 0 2em;
	border:2px solid #666600;
}


/*
#maru_lt{
	z-index:20;
    background:url(../img/waku/waku_01.gif) left top no-repeat;
	position:relative;
	padding:20px 0 0 20px;
	margin:0;
	top:-3px;
	left:-3px;
}

#maru_rt{
	position:relative;
	background:url(../img/waku/waku_02.gif) right top no-repeat;
	top:-20px;
	right:-5px;
	margin:0;
	padding-top:20px;
	z-index:30;
}
#maru_lb{
	position:relative;
	background:url(../img/waku/waku_03.gif) bottom left no-repeat;
	bottom:-6px;
	left:-20px;
	padding:0 0 20px 20px;
	z-index:40;
}
#maru_rb{
	position:relative;
	background:url(../img/waku/waku_04.gif) bottom right no-repeat;
	display:block;
	bottom:-20px;
	right:-25px;
	z-index:50;
	padding:0 35px 30px 0;
}


#maru_lb img{
	position:relative;
	display:block;
	float:right;
	padding:0 0 1em 1.5em;
	margin-left:2em;
}

#waku h2{
	position:relative;
	z-index:30;
	font-size:130%;
	height:50px;
	background:url(../img/icon/dinf_f2.gif) left no-repeat;
	margin:0.5em 0 0;
}
#m_contents h2 span.word{
	position:absolute;
	bottom:20px;
}
#waku h2 span.p1{
	display:block;
	position:relative;
 	margin:0 7px 0 53px;
	padding:24px 50px 0 0.7em;
	left:-10px;
	bottom:8px;
	vertical-align:bottom;
	background:url(../img/icon/p1.gif) right bottom no-repeat;
	height:25px;
	border-bottom:2px solid #66CC33;
	z-index:5;
}
���p�ۂ����܂�
*/


/*
#m_contents{
	width:98%;
	position:relative;
	clear:both;
	padding:0;
	margin:0 auto;
}


-- ��������h3���� --
#m_contents h3{
	margin:0;
	z-index:20;
	height:50px;
	position:relative;
	padding:0 0 10px 0;
	background-color:transparent;
	vertical-align:bottom;
}
#m_contents h3 span.p2{
	position:absolute;
	z-index:1;
	right:0px;
	bottom:12px;
	width:100%;
	background:url(../img/icon/p2.gif) transparent right bottom no-repeat;
	padding:0;
}
#m_contents h3 span.word{
	display:block;
	z-index:20;
	right:0px;
	bottom:12px;
	width:100%;
	padding:0 15px 0 55px;
	overflow:visible;
}

*/


/********************************************
            　　　スペース
*********************************************/
.spaceTPP30 {
	padding-top:30px;
}

.spaceRIP10 {
	padding-right:20px;
}

.spaceLFP30 {
	padding-left:30px;
}


.spaceLF10 {
	margin-left:10px;
}


.spaceLF20 {
	margin-left:20px;
}

.spaceTP5 {
	margin-top:5px;
}

.spaceTPP5 {
	padding-top:5px;
}

.spaceTP7 {
	margin-top:7px;
}

.spaceTP10 {
	margin-top:10px;
}

.spaceTP25 {
	margin-top:25px;
}

.spaceBT20 {
	margin-bottom:20px;
}

.spaceBTP5 {
	padding-bottom:5px;
}

.spaceBTP10 {
	padding-bottom:10px;
}

/********************************************
            　　　テキスト
*********************************************/

.txtLH31 {
	line-height:31px;
}

.txtVAL {
	vertical-align:middle;
}

.txtNowrap {
	white-space:nowrap;
}


/********************************************
            　　　イメージ
*********************************************/
.noborder {
	border:0;
	border-bottom:4px solid #C8E5FB;
	 
}