/***********************************************/
/* ダイナミクスホームページ                    */
/* css file									   */
/***********************************************/


/********* 全ページ共通スタイル *********/

@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #50B4CD;
	background-color: #f0f8ff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-attachment: scroll;
	background-image: url(images/bg_body.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 1em;
	color: #333333;
}


a {color:#333333}


/* コンテナ */
div#container	{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #615962;
	background-attachment: scroll;
	background-image: url(images/top_sidebarbk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}

/* ヘッダー */
div#header	{
	background-color: #e2f0d6;
	font-size: 0.75em;
	background-repeat: no-repeat;
	margin: 0px;
	background-image: url(images/top_logo_04.jpg);
	height: 100px;
	width: 900px;
}

ul#subNavi{
	float:right;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

ul#subNavi li{
	display:inline;
	list-style-type:none;
	font-size:1em;
	line-height: 2em;
	}

ul#subNavi li a{
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ACA899;
	border-right-color: #ACA899;
	border-left-color: #CFCDC5;
	padding-top: 3px;
	padding-bottom: 3px;
	}

ul#subNavi li a:hover{
	background-color: #F39;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F39;
	border-right-color: #F39;
	border-left-color: #F39;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFF;
	}
	


/* メニュー */
ul#menu	{
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 0;
	height:32px;
	width:920px; 
	clear: both;
	margin-right: 0px;
}

ul#menu li	{
    list-style-type: none;
	float: left}

ul#menu li a	{
	display: block;
	width:149px;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-image:url(images/nav_gbar.jpg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cecbcf;
}

ul#menu li a:hover	{
	background-image: url(images/nav_gbar_bk.jpg);
	color: #333333;
	font-weight: bold;
}

ul#menu li.menulast	a {
    border-right:none;
    width:150px;
}
						
#menu li span.active{
	display: block;
	background-image:url(./images/nav_gbar_active.jpg);
	width:149px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	color:#333333;
	font-weight:bold;
	border-right: solid 1px #ffffff;
	background-color: #ffe9a4;
}

.info {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.under_bar {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.top_info {
	clear: left;
	background-image: url(images/top_info.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #50B4CD;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #50B4CD;
	padding-left: 140px;
	padding-top: 12px;
	font-size: 0.85em;
	font-weight: bold;
	color: #413841;
	background-color: #edebed;
}
#container #content #information {
	border: 1px solid #50B4CD;
	clear: left;
}


.top_sem {
	background-image: url(images/top_sem.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #50B4CD;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #50B4CD;
	padding-left: 115px;
	padding-top: 12px;
	font-size: 0.85em;
	font-weight: bold;
	color: #413841;
	background-color: #edebed;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #50B4CD;
}

#information .under_bar dt {
	font-size: 0.75em;
	color: #666666;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 50px;
}
#information .under_bar dd {
	font-size: 0.75em;
	color: #666666;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 100px;
}
.ico01 {
	background-image: url(images/new_ico.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.ico02 {
	background-image: url(images/kaiin_ico.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.ico03 {
	background-image: url(images/new_kaiin.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}


.ico04 {
	background-image: url(images/imp_ico.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}


/* コンテンツ */
div#content	{
	width: 640px;
	float: left;
	display: inline;
	margin: 0px 15px 15px 15px;
}
.main_text {
	font-size: 0.8em;
	background-color: #D5CED5;
	background-image: url(images/top_link.gif);
	background-repeat: no-repeat;
	width: 190px;
	padding-top: 12px;
	padding-left: 20px;
	font-weight: bold;
	color: #413841;
	height: 23px;
}
.link_box {
	float: left;
	margin-right: 5px;
	margin-left: 0px;
}
#main_link .link_box ul li a {
	font-size: 0.75em;
	background-image: url(images/arrow11.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

#main_link .link_box ul li a:link {
	text-decoration: none;
}

#main_link .link_box ul li a:visited {
	text-decoration: none;
}

#main_link .link_box ul li a:hover {
	text-decoration: underline;
}

#main_link .link_box ul li {
	margin-bottom: 3px;
	list-style-type: none;
	line-height: 1.2em;
}
#main_link .link_boxlast ul li a {
	font-size: 0.75em;
	background-image: url(images/arrow11.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

#main_link .link_boxlast ul li a:link {
	text-decoration: none;
}	

#main_link .link_boxlast ul li a:visited {
	text-decoration: none;
}	

#main_link .link_boxlast ul li a:hover {
	text-decoration: underline;
}	

#main_link .link_boxlast ul li {
	line-height: 1.em;
	margin-bottom: 3px;
	list-style-type: none;
	line-height: 1.2em;
}

.link_boxlast {
	float: left;
	margin: 0px;
}


div#content p	{
	font-size: 0.85em;
	color:#333333;
	line-height: 1.6;
	margin-left: 10px;
	margin-right: 10px;
	padding-left:20px;
	padding-right:20px;
}

/* インデント */
div#content p.kome	{
	font-size: 0.85em;
	color:#333333;
	line-height: 1.6;
	text-indent:-1em;
	margin-left: 10px;
	margin-right: 10px;
	padding-left:30px;
	padding-right:20px;
}

p.kome{
	text-indent:-1em;
	font-size:0.85em;
	padding-left:1em;
	 }

/*リンク*/
#content a:link{
	color: #0099CC;
	text-decoration: none;
}
#content a:visited {
	color: #0099CC;
	text-decoration: none;
}
#content a:hover {
	color: #00CCCC;
	text-decoration: underline;
}


.link01 {
	color: #0099CC;
	text-decoration: underline;
	background-image: url(images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 10px;
	font-size: 0.85em;
}

h1 	{/*見出し*/
	background-image: url(images/bar_blue_03.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 15px;
	color: #339bb5;
	margin: 0px;
	font-size: 16px;
}
h2 	{/*グリーンバー*/
	background-color: #e0e0e0;
	background-image: url(images/bar_green.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	color: #6fb22c;
	padding-left: 35px;
	margin-left	: 10px;
	margin-right: 10px;
	line-height: 32px;
	margin-top: 5px;
}
h3  {/*矢印選択*/
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 0px;
	background-image: url(images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 30px;
}

h4 {/*点線あり*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/maru04.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

h5 {/*見出し２*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1em;
	font-weight: bolder;
	color: #0033CC;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
}

h6 {/*左青見出し*/
	font-size: 0.9em;
	color: #003399;
	background-color: #dcdcdc;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003399;
        border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
}

/* 色スタイル */
.blue　{
color:#0066CC;
}

/* 余白 */	
.box10  {
	margin-bottom: 10px;
	margin-top: 0px;
}
.box20  {
	margin-bottom: 20px;
	margin-top: 0px;
}

.box2020 {
	margin: 20px;
}

.box30  {
	margin-bottom: 30px;
	margin-top: 0px;
}
.box400  {
	margin-bottom: 400px;
	margin-top: 0px;
}
	

 
/*コンテンツ　ダウンロード項目選択1*/
div #content ul {
	margin: 10px;
	list-style-type: none;
}


ul.dl01	{
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}


.dl01 img {
	border: 1px solid #999999;
	padding: 5px;
	margin-right: 5px;
 
}


.dl01 li {
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 10px;
	margin-right: 0px;
}



.memo　p {
	font-size: 0.75em;
	color: #333333;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 0px;
	margin-left: 20px;
}

.download{
	padding-left: 420px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.caption{
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#content .box01 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}

.button {
	display: block;
	float: left;
	margin-right: 70px;
	padding-top: 30px;
	padding-left: 25px;
}

.orange {
	color: #FF6600;
}

.red {
	color: #FF6600;
}

}
#content #information .under_bar dd .orange strong a:link {
	color: #FF6600;
	text-decoration: none;
}

#content #information .under_bar dd .orange strong a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#content #information .under_bar dd .orange strong a:visited {
	color: #FF6600;
	text-decoration: none;
}

* focus{
   outline: none;
}

.text_small {
	font-size: 0.75em;
	color: #666666;
	float: right;
	background-image: url(images/arrow05.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}

/* サイドバー */
div#sidebar{
	width: 230px;
	float: right;
	display: inline;
}

#sidebar .banar {
	padding: 0px;
	list-style-type: none;
	margin-top: 13px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}
#sidebar .banar img {
	margin-top: 2px;
	margin-bottom: 2px;
}

#sidebar .sidebar_canmero {
	font-size: 0.75em;
	background-color: #FFF;
	margin-top: 13px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #339BB5;
}



/* フッター */
div#footer	{
	background-image: url(./images/line_blue.gif);
	background-repeat: repeat-x;
	width: 900px;
	padding-top: 20px;
	clear: both;
	background-color: #615962;
}
	
ul#footermenu	{
	font-size: 0.8em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	color: #CCC;
}


ul#footermenu li	{
    list-style-type: none;
	display: inline;
}


ul#footermenu li a	{
	text-decoration: none;
	text-align: center;
	padding: 3px 10px 0px;
	color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

	
ul#footermenu li.menulast	a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}


ul#footermenu li a:hover	{
    color: #333333;
}



address {
	font-style: normal;
	line-height: 2em;
	font-size: 0.8em;
	text-align: right;
	color: #CCC;
}


img {
    border:none;
}
.flow {
	font-size: 0.85em;
	color: #333333;
	background-image: url(images/fllow01.gif);
	background-repeat: no-repeat;
	height: 1000px;
	width: 580px;
}
.blue_link {
	font-size: 0.85em;
	color: #0099CC;
	background-image: url(images/yajirushi01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 20px;
}
.blue_link a:link {
	color: #0099CC;
	text-decoration: underline;
}
.blue_link a:visited {
	color: #0099CC;
	text-decoration: underline;
}
.blue_link a:hover {
	color: #00CCCC;
	text-decoration: underline;
}
.photo {
	background-color: #FFFFFF;
	display: block;
	padding: 7px;
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
}

.img_left {
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
}

img.photo-odd {float:right;
               margin-left:15px;
			   margin-bottom:15px;
			   }
			   
img.photo-even {float:left;
                margin-right:15px;
				margin-bottom:15px;
				}
				
.coment {
	font-size: 0.85em;
	color: #666666;
	margin: 10px;
}

/*widthは並べたい枚数にあわせて調整*/
#flow_a{
	width:580px;
	margin-left:5px;

    margin-right:5px
    margin-bottom:5px;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	}

#flow_a:after{
display:block;
clear:left;
height:0;
line-height:0;
visibility:hidden;
content:".";
font-size:0.1em;
}
#flow_a{
display:inline-block;
}
.flow_p {
	color: #333333;
	font-size: 0.85em;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 0px;
}
.text {
	font-size: 0.75em;
	color: #666666;
}

/* フロートライトを解除*/
.clear {
	clear: right;
}

.clearfix:after{
	display:block;
	clear:left;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
	}

.clearfix{
    display:inline-block;
	}
	
.blue_box {
	background-color: #AFCAE4;
	border: 1px solid #6699CC;
	display: inline;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
}


p.blank {
	margin: 0 0 1em 0;
	text-indent:1em;
}
.red {
	font-weight: bold;
	color: #C00;
}
#content .announce {
	border: 1px solid #090;
	padding: 8px;
	font-size: 0.75em;
	color: #090;
	line-height: 1.5em;
	background-color: #FFFFE6;
}

#content .announce02 {
	padding: 8px;
	font-size: 0.75em;
	color: #333;
	line-height: 1.5em;
	border-top-width: 1px;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #50B4CD;
	border-right-color: #50B4CD;
	border-bottom-color: #50B4CD;
	border-left-color: #50B4CD;
}

#content #top_bn_short {
margin:0px;
padding:0px;
margin-bottom:15px;
height:67px;
}

#content #top_bn_short ul{
margin:0px;
padding:0px;
width:640px;
}

#content #top_bn_short li{
margin:0px;
padding:0px;
float:right;
width:320px;
}

text-align:left;

.clear_bn {
clear:both;
}

.bnr_first a img {
margin:12px 0px 6px 0px;
}

.bnr_second a img{
margin:0 0 13px 0px;
}

#main_image {
border-top:2px solid #fff;
}

#sidebar ul li#company_bnr {
margin-bottom:8px;
}

#sidebar ul#side_top_ul {
margin-top:11px;
}

#sidebar .banar img {
 margin-left:2px;
}