/*----------------------------------------------全体の構成----------------------------------------------*/

body{
     margin:0px;          /* ページ全体のmargin */
     padding:0px auto;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
}


* {
		margin: 0;
		padding: 0; /* 全てのプロパティの余白とパディングをリセットしています。*/
		font-size:98%; /* 全体のフォントサイズ*/
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; /* 全体のフォントスタイル*/
		line-height:150%;
}


img {
		border:0;  /* 画像の枠線なし　*/
} 

a{ /* リンクの点線けし　*/
  overflow:hidden;
  outline:none;
}



/*----------------------------------------------各要素divのCSS---------------------------------------------- */


#wrapper_h{
		width:100%; 
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		background-image:url(../images/line_docomored.gif);
		background-repeat:repeat-x;
}


#header {
		width:820px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
}

#top{
   clear: both;        /* float をクリアしています。*/
   width: 820px;
   height: 80px;
}

#logo {
		width: 543px;
		height:80px;
		float:left;
}


#navi {
		width: 277px;
		height:30px;
		float:left;
		padding-top:15px;
}


#g_navi {
		clear: both;        /* float をクリアしています。*/
		height: 40px;
		width:820px;
		margin-bottom:0px;
		background-image:url(../images/header_bg.gif);
		background-repeat:repeat-x;
}


#spacer{
		float:none;
		height:20px;
		background-color:#FFFFFF;
}



#wrapper_q {
		width:100%;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		background-color:#F0F0F0;
}


#wrapper_q:after {    /* IE6以外の背景色を反映 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}



#q_navi {
		width:780px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		padding:0px 20px 0px 20px;
}

#wrapper_f{
		width:100%;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 aauto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
}


#footer {
		width:780px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		padding:3px 20px 3px 20px;
		font-size:90%;
}


#copyright {
		width:100%;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		background-image:url(../images/line_docomored.gif);
		background-repeat:repeat-x;
}


#copyright_text{
   clear: both;        /* float をクリアしています。*/
		width:780px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		height:7px;
		padding:3px 25px 13px 23px;
		font-size:80%;
}



/*----------------------------------------------user/index.htmlの要素---------------------------------------------- */

#top_image {
		width:830px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
	 	padding:0px 0px 0px 0px;
	 	margin-top:0px;
		background-color:#FFFFFF;
}

#wrapper_m{
		width:100%;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		background-image:url(../images/bg_img_top_05.jpg);
		background-repeat:repeat-x;
}

#wrapper_m_top{
		width:100%;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		background-image:url(../images/bg_img201307.jpg);
		background-repeat:repeat-x;

}

#main {
		overflow:hidden;
		width:780px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		background-color:#FFFFFF;
		padding:0px 20px 0px 20px;
}

#main_top {
		overflow:hidden;
		width:820px;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
		margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin: 0 auto;  
		text-align:left;   /* 下記のautoに未対応用のセンタリング */
		padding:0px 0px 0px 0px;
}


#top_nb  {
		float:left;
		width:540px;
		margin:0px 20px 0px 10px;
		display:inline;

}

#top_kyusyu  {
		width:780x;
		line-height:150%;
		margin:0px 0px 20px 0px;
		font-size:80%;
		text-align:right;
}


#news_release {
		width:536x;
		line-height:150%;
		padding:7px;
		border:#999999;
		border-style:solid;
		border-width:1px;
		background-color:#FFFFFF;
		margin:0px 0px 15px 0px;
}

#banner {
		width:536x;
		line-height:150%;
		padding:7px;
		border:#999999;
		border-style:solid;
		border-width:1px;
		background-color:#FFFFFF;
}

#contents {
		float:left;
		width:230px;
		text-align:left;
		background-color:#FFFFFF;
		padding:7px;
		margin:0px 0px 0px 0px;
		border:#999999;
		border-style:solid;
		border-width:1px;
}

#info {
		width:780x;
		line-height:150%;
		padding:7px;
		border:#999999;
		border-style:solid;
		border-width:1px;
		background-color:#FFFFFF;
		margin:0px 5px 15px 10px;
}




/*----------------------------------------------Template flameの要素CSS---------------------------------------------- */

#breadcrumb_list {
		float:left;
		width:530px;
		height:28px;
		text-align:left;
		margin:3px 0px 4px 0px;
}

#return  {
		float:left;
		width:30px;
		height:28px;
		text-align:left;
		padding:18px 20px 0px 0px;
}

#breadcrumb_list_home {
		float:left;
		width:730px;
		height:28px;
		text-align:left;
		margin:3px 0px 4px 0px;
}

#return_home  {
		float:left;
		width:30px;
		height:28px;
		text-align:left;
		padding:18px 20px 0px 0px;
}

#main02{
   clear: both;        /* float をクリアしています。*/
   width: 780px;
   height: 100%;
}


#page {
    float:left;
		width:580px;
		height:100%;
		text-align:left;
		background-image:url(../images/line_red_gray.gif);
		background-repeat:no-repeat;
		padding-right:10px;
}

#page_home {
    float:left;
		width:780px;
		height:100%;
		text-align:left;
		background-image:url(../images/line_red_gray_780.gif);
		background-repeat:no-repeat;
}

#snavi {
    float:left;
		width:190px;
		height:100%;
		text-align:left;
}

#bg_image{
		width:580px;
		background-image:url(../../corporate/images/backimage.jpg);
		background-repeat:no-repeat;
}