@charset "UTF-8";
@import url(default.css);
@import url(common.css);
@import url(textsettings.css);

/* ================================================================ *
	ゆうソフト　ページ専用デザインCSS
	
	Create　by 2011.7.15
	Ver.1.0
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  color: #333333;
  background-image: url(../images/bg_body.gif);
}

#container {
		   background-image: url(../images/bg_page1.gif);
		   background-repeat: repeat-y;
  width: 760px;
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  background: #FFFFFF;
		   
  width: 760px;
  height: 80px;
  
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */

#navi {
  background: #FFFFFF url(../images/bg.png) repeat-x;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-right: solid #0099cc 1px;
  border-bottom: 1px solid #EEEEEE;
  border-left: solid #0099cc 1px;
}

#navi ul {
  margin: 0;
  padding: 0;
  height: 2.5em;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#navi ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  border-right: 1px solid #CCCCCC;
  border-bottom: 5px solid #3333CC;
  background: url(../images/bg.png) repeat-x;
  font-weight: bold;
}

#navi a:hover {
  border-bottom: 5px solid #FF9900;
  background: #EEEEEE;
  text-decoration: none;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding-left: 180px;
  padding-right: 0;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定
 * ---------------------------------------------------------------- */

#sidenavi {
  width: 170px;
  top: auto;
  left: 0;
  right: auto;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi ul {
    margin: 0;
    padding: 8px;
}

#sidenavi ul li {
    margin: 0;
    padding: 10px 20px 10px 25px;
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;
	font-size:12px; font-weight:bold;
}

[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 20px;
  margin-left: 1em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border: 1px solid #CCCCCC;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定（ページタイトル表示）
 * ---------------------------------------------------------------- */

.contents_p {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left:1px;
  border: 0;
  font-size: 0.9em;
  color: #333;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: right;
  margin-top: 0;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 1;
  padding-left: 1em;
  padding-bottom: 0.5em;  
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-top: 1px dotted #3333CC;
	border-right: solid #0099cc 1px;
	border-bottom: solid #0099cc 1px;
	border-left: solid #0099cc 1px;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #CCCCCC;
  background-image: none;
}

#footer address {
	margin-right: 1.0em;
	margin-left: auto;
	text-align: right;
	padding: 0 1.0em 0 0;
}

