@charset "utf-8";

/* ---------------------------------------------------------------- *
	全体に関わる設定  
 * ---------------------------------------------------------------- */
/* マージンをリセット */
body, div {
  margin: 0;
  padding: 0;
}

body {
/*
 * This Stylesheet was based on YUI Library's Fonts CSS.
 * > Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * > Code licensed under the BSD License:
 * > http://developer.yahoo.net/yui/license.txt
 * > http://developer.yahoo.com/yui/fonts/
 * Note: この部分の指定では、Yahoo! UI Library の Fonts CSS を利用して、各種ブラウザのフォントサイズの差をほぼなくす設定を行っています。ほとんどのモダンブラウザで、基本のフォントサイズを13pxと指定し、pixel単位で指定したときに IE でサイズが変更されない不具合を埋めるためにプロパティの先頭に*を付けるハック(ブラウザのバグを利用したinvalidなハック)を利用して IE7がsmall, IE5〜6 が x-small を読み込むように設定することで、基本のフォントサイズがほぼ揃います。
 */
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

body {
	/* 必要ならば，本文のテキストに関する設定をしてください */
  font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
}

p {
  /* 基本的なテキスト要素の行送りを設定してください */
  line-height: 1.6;
}

ul, ol, dl {
  /* リスト関連要素の行送りを設定してください */
  line-height: 1.3;
}

dt,dd {
	line-height: 1.5;
}

p {
  /* パラグラフの上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 1.5em;
}

ul, ol, dl {
  /* 箇条書きの上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

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

h1 {
	/* 見出し 1 のジャンプ率を設定してください */
  font-size: 145%;
	/* 見出し 1 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0.5em;
	background-color: #E6E6F2;
	line-height: 1.5em;
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #003366;
}

#top h1 {
	background: #FFFFFF;
	font-size: 80%;
	line-height: 80%;
	color: #333333;
	font-weight: lighter;
}


.sub {
	font-size: 75%;
	color: #3366CC;
	text-align: right;
	line-height: 1em;
	pading-top: -2px;
	margin-right: 5px;
	display: block;
	padding-top: -2px;
	padding-bottom: 2px;
}

h2 {
	/* 見出し 2 のジャンプ率を設定してください */
  font-size: 125%;
	/* 見出し 2 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0.5em;
	/* 見出し 2 のパディングを設定してください */
  padding-left: 10px;
	/* 見出し 2 の左端装飾用罫線の太さ・線種・色を設定してください */
  border-left: 7px solid #9999FF;
	/* 見出し 2 の行送りを設定してください */
  line-height: 1.4;
	border-bottom: 1px solid #9999FF;
}

h3 {
  /* 見出し 3 のジャンプ率を設定してください */
  font-size: 115%;
  /* 見出し 3 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  /* 見出し 4 のジャンプ率を設定してください */
  font-size: 110%;
  /* 見出し 4 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  /* 見出し 5 のジャンプ率を設定してください */
  font-size: 105%;
  /* 見出し 5 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  /* 見出し 6 のジャンプ率を設定してください */
  font-size: 100%;
  /* 見出し 6 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

.price	{
	border-bottom: 2px dashed #CCCCFF;
	margin-bottom: 10px;
	margin-top: 15px;
}
.partner	{
	margin-bottom: 5px;
	margin-top: 10px;
	clear: both;
	background: #E4E4E4;
	padding: 5px 0px 3px 5px;
	border-bottom: 2px solid #333399;
}
.text01 {
	color: #FF0033;
	font-weight: bold;
	line-height: 1.6;
}

.text02  {
	color: #990099;
	font-weight: bold;
}

.align_right {
	text-align: right;
}

.text03	 {
	color: #0062C4;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 2px dotted #CCCCCC;
	margin-bottom: 5px;
}

.text04	 {
	color: #0062C4;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 5px;
}

.seminar {
	font-weight: bold;
	color: #333333;
	background: #FFF2CC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left: 6px double #CC6633;
	margin-bottom: 3px;
	margin-top: 5px;
	clear: both;
}
.seminar001 {
	font-weight: bold;
	color: #333333;
	background: #FFF0F0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left: 6px double #993333;
	margin-bottom: 3px;
	margin-top: 5px;
}

.fontsmall	{
	font-size: 80%;
}

/* 表示を消す
----------------------------*/
.rmv {
	display: none;
}




/* LinkStyles
----------------------------*/

a,
a:link {
	/* 必要ならば，リンクテキストに関する設定をしてください */
  color: #2643A4;
	text-decoration: underline;
}

a:visited {
	/* 必要ならば，訪問済みリンクテキストに関する設定をしてください */
  color: #6E00BE;
}

a:hover {
	/* 必要ならば，マウスオーバー時のリンクテキストに関する設定をしてください */
  color: #FF0000;
	text-decoration: underline;
}

a:active {
	/* 必要ならば，アクティブ時のリンクテキストに関する設定をしてください */
  color: #FF0000;
	text-decoration: underline;
}

/* ハイパーリンク付き画像は枠なし */
a img {
  border: none;
}

/* ---------------------------------------------------------------- *
	レイアウト
 * ---------------------------------------------------------------- */
#container {
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 800px;
	position: relative;
}
#header {
	width: 800px;
	position: relative;
	height: 85px;
	padding-top: 5px;
}
#sidebar {
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: left;
}
#top_sidebar {
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: left;
}

#main {
	width: 585px;
	float: right;
	margin: 0px 0px 50px;
	padding: 0px;
}
#footer {
	clear: both;
	width: 787px;
}

.center{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.float-l-paddingright {
	float: left;
	padding-right: 15px;
}

.class_001 {
	float: left;
	padding-left: 15px;
	padding-top: 20px;
}

.float_clear {
	clear: both;
	padding-top: 10px;
}


/* ---------------------------------------------------------------- *
	clearfix
 * ---------------------------------------------------------------- */

#navi ul:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#navi ul,
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html #navi ul,
* html .clearfix {height: 1%;}

#navi ul,
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---------------------------------------------------------------- *
	ヘッダー部分の設定
 * ---------------------------------------------------------------- */
#header #wplogo {
	position: absolute;
	left: 5px;
	top: 20px;
}

#header-r {
	width: 300px;
	position: absolute;
	left: auto;
	top: 15px;
	right: 15px;
	font-weight: bold;
	color: #333399;
}
.float-r {
	float: right;	
}




/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */

#navi {
	/* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin-top: 0;
	margin-bottom: 7px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(img/bg_navi.gif);
	background-repeat: repeat-x;
}

#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 高さを設定してください --- 
  height: 2.5em;*/
  /* --- 必要に応じて、ボックスの下線を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}

#navi ul li {
	/* --- マージンを設定してください --- */
  margin: 0;
	/* --- パディングを設定してください --- */
  padding: 0;
	/* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
	text-align: center;
	list-style: none;
	line-height: 1.3;
}

#navi ul li a {
	margin: 0;
	padding: 6px 10px 5px;
	/* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
	/* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
	/* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #6633CC;
	/* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(img/bg_navi.gif) repeat-x;
	/* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
	height: 34px;	/* --- 高さを設定してください --- */
	width: 92px;
	text-decoration: none;
	color: #390073;
}

#navi a:hover {
	/* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #660099;
	/* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background: #EEEEEE url(img/arrow.gif) no-repeat;
	/* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
}

#wpseries #navi #Nwpseries a,
#wp #navi #Nwp a,
#wpa #navi #Nwpa a,
#wpotpg #navi #Nwpotpg a,
#event #navi #Nevent a,
#sales #navi #Nsales a,
#partner #navi #Nsales a,
#support #navi #Nsupport a {
	display: inline-block;
	/* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
	/* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #660099;
	/* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
	/* --- 高さを設定してください --- */
  height: 34px;
	text-decoration: none;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	color: #9F3D1C;
}




/* ---------------------------------------------------------------- *
	パンくずリスト
 * ---------------------------------------------------------------- */

#breadcrumb {
	font-size:85%;
	clear: both;
	margin-bottom: 10px;
	margin-left: 7px;
}


/* ---------------------------------------------------------------- *
	アイキャッチの設定
 * ---------------------------------------------------------------- */
/*#eyecatch {
	background: #CCCCCC;
	margin-bottom: 20px;
	width: 800px;
	height: 260px;
	clear: both;
	float: left;
}
#eyecatch img {
	vertical-align: bottom;
}*/

#eyecatch{
	position:relative;
	width:800px;
	height:260px;
	clear: both;
	margin-bottom: 20px;
}
#eyecatch ul  {
	position: absolute;
	top: 0px;
	right: -3px;
}

#eyecatch ul li {
	list-style: none;
}

#eyecatch ul li a{
	display:block;
	width:232px;
	height:86px;
	color:#fff;
	border-left: 3px solid #FFFFFF;
}

#eyecatch ul li a:hover{
	border-left: 3px solid #FF3333;
}


/* ---------------------------------------------------------------- *
	サイドバー部分の設定
 * ---------------------------------------------------------------- */

#sidebar {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：ここでの背景設定はメニュー部分の内容がある部分にしか適用
           されません。サイドメニュー部分全体に背景を適用させる場合は
           コンテンツコンテナの背景として，サイドメニュー部分の背景を
           作ってください */
  background: #FFFFFF;
}

#sidebar ul {
	/* --- マージンを設定してください --- */
    margin: 0;
	/* --- パディングを設定してください --- */
    padding: 0px 8px;
	background-color: #FFFFFF;
}

#sidebar ul li {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 5px 2px 5px 25px;
  /* --- リストの境界線を設定してください（短縮プロパティでの設定です） --- 
    border-bottom: 1px solid #0086b9; */
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
    background: #fff url(img/sq_arrow.gif) no-repeat 5px 7px;
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
    list-style-type: none;
}

#sidebar #now {
	background: #fff url(img/sq_arrow_now.gif) no-repeat 5px 7px;
	font-weight: bold;
	color: #9F3D1C;
}
/* sidebar入れ子のリスト
----------------------------*/
#sidebar ul li ul {
	/* --- マージンを設定してください --- */
    margin: 0;
	/* --- パディングを設定してください --- */
    padding: 0px;
	background: #FFFFFF;
}


/* sidebar内バナー
----------------------------*/
.sidebar_banner {
	background: #FF9999;
	width: 172px;
	margin-left: 20px;
	padding: 5px 3px;
	border: 1px solid #FF0066;
}

/* トップページのsidebar
----------------------------*/

#top_sidebar  {
  background: #FFFFFF;
}

#top_sidebar ul {
	/* --- マージンを設定してください --- */
    margin: 0;
	/* --- パディングを設定してください --- */
    padding: 0px 5px 0px 8px;
	background-color: #FFFFFF;
}

#top_sidebar ul li {
	/* --- マージンを設定してください --- */
    margin: 0px 0px 10px;
	/* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 0px;
	/* --- 背景を設定してください（短縮プロパティでの設定です） --- 
    background: #fff url(img/sq_arrow.gif) no-repeat 5px 7px;*/
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
    list-style-type: none;
	height: 60px;
	width: 184px;
}

#top_sidebar ul li a{
	color: #003366;
	text-decoration: none;
	display: block;
	text-align: right;
	font-size: 100%;
	font-weight: bold;
	height: 100%;
	width: 100%;
	line-height: 3.3;
}

#top_sidebar ul li a,
#top_sidebar ul li a:link,
#top_sidebar ul li a:visited{
	border: 1px solid #999999;
}

#top_sidebar ul li a:hover,
#top_sidebar ul li a:active{
	border: 1px solid #CC3300;
	color: #640000;
}


#top_sidebar #side_case a,
#top_sidebar #side_case a:link,
#top_sidebar #side_case a:visited {
	background: url(img/top_side_case0.gif) no-repeat center center;
}
#top_sidebar #side_case a:hover,
#top_sidebar #side_case a:active {
	background: url(img/top_side_case.gif) no-repeat center center;
}

#top_sidebar #side_renkei a,
#top_sidebar #side_renkei a:link,
#top_sidebar #side_renkei a:visited {
	background: url(img/top_side_renkei0.gif) no-repeat center center;
}
#top_sidebar #side_renkei a:hover,
#top_sidebar #side_renkei a:active {
	background: url(img/top_side_renkei.gif) no-repeat center center;
}

#top_sidebar #side_faq a,
#top_sidebar #side_faq a:link,
#top_sidebar #side_faq a:visited {
	background: url(img/top_side_faq0.gif) no-repeat center center;
}
#top_sidebar #side_faq a:hover,
#top_sidebar #side_faq a:active {
	background: url(img/top_side_faq.gif) no-repeat center center;
}

#top_sidebar #side_inquiry a,
#top_sidebar #side_inquiry a:link,
#top_sidebar #side_inquiry a:visited {
	background: url(img/top_side_inquiry0.gif) no-repeat center center;
}
#top_sidebar #side_inquiry a:hover,
#top_sidebar #side_inquiry a:active {
	background: url(img/top_side_inquiry.gif) no-repeat center center;
}

#top_sidebar #side_partner a,
#top_sidebar #side_partner a:link,
#top_sidebar #side_partner a:visited {
	background: url(img/top_side_partner0.gif) no-repeat center center;
}
#top_sidebar #side_partner a:hover,
#top_sidebar #side_partner a:active {
	background: url(img/top_side_partner.gif) no-repeat center center;
}


/* ---------------------------------------------------------------- *
	メインコンテンツ部分の設定
 * ---------------------------------------------------------------- */
#main .contents {
	padding: 0px;
	margin: 0px 0px 25px;
	background-color: #FFFFFF;
}

#main .contents-inner {
	padding-right: 10px;
	padding-left: 25px;
	width: 550px;
}

#main .contents-inner #infowp {
	background: #E1E1FF;
	margin: 3px 10px 30px 40px;
	padding: 10px;
}
#main .contents-inner #infowpa {
	background: #FFE8DD;
	margin: 3px 10px 30px 40px;
	padding: 10px;
}
#main .contents-inner #infowpotpg {
	background: #FFE8F3;
	margin: 3px 10px 30px 40px;
	padding: 10px;
}

#partner #main .contents-inner {
	padding-right: 10px;
	padding-left: 40px;
	width: 535px;
}
#partner #main .contents-inner img {
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 20px;
}

#partner #main .contents-inner p {
	float: right;
	width: 335px;
	padding-top: 10px;
	padding-bottom: 25px;
}


#sales dl {
	line-height: 1.5;
}


#main .contents-inner #info {
	background: #FFFFFF;
	margin: 3px 10px 30px 40px;
	padding: 10px;
	border-top: 1px dashed #666666;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}



/*このページのトップへ戻る
-------------------------------*/
.return {
	width: 585px;
	text-align: right;
	padding-top: 10px;
	color: #9F3D1C;
	clear: both;
}
/*過去のお知らせ一覧
-------------------------------*/
.oldnews {
	width: 560px;
	text-align: right;
	color: #999999;
	padding-right: 25px;
	padding-top: 5px;
}

/*トップページの新着情報
-------------------------------*/
#top #main .contents dl {
	padding-right: 10px;
	padding-left: 10px;
}

#top #main .contents dl dt {
	font-weight: bold;
	color: #333366;
	float: left;
	width: 6em;
	padding-top: 0.3em;
}

#top #main .contents dl dd {
	padding-bottom: 0.3em;
	padding-left: 7em;
	margin-left: 0px;
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 0.3em;
}


/*サポートページのお知らせ、過去のイベント
-------------------------------*/
#news #main .contents dl, 
#support #main .contents dl,
#event #main .contents dl {
	padding-right: 10px;
	padding-left: 10px;
}

#news #main .contents dl dt,
#support #main .contents dl dt,
#event #main .contents dl dt {
	font-weight: bold;
	color: #333366;
	float: left;
	width: 6em;
	padding-top: 0.3em;
	padding-left: 0px;
}

#news  #main .contents dl dd,
#support #main .contents dl dd,
#event #main .contents dl dd {
	padding-bottom: 0.3em;
	padding-left: 7em;
	margin-left: 0px;
	border-bottom: 1px dotted #D7D7AE;
	padding-top: 0.3em;
}

/*価格ページのテーブル
-------------------------------*/
table.price-table {
	width: 540px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
}

#sales th {
    padding: 5px;
	background: #FFFFCC;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;
}

#sales td {
	padding: 5px;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;
	text-align: center;
}

#sales .table1 {
	width: 35%;
}

/*イベントページのテーブル
-------------------------------*/
table.event-table {
	width: 500px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;
    border-collapse:collapse;
    background-color:#ffffff;
}


#event td {
	padding: 5px;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;
}

.event-table-time	{
	width: 30%;
}
/*イベントページ
-------------------------------*/
.event20091016_001	{
	text-align: center;
	margin-bottom: 0.5em;
}

/*プライバシーポリシーのリスト
-------------------------------*/
#privacy ol  {
	padding-top: 10px;
	padding-bottom: 10px;
}

#privacy ol li {
	padding-top: 7px;
	line-height: 1.6em;
}
/*導入事例の個別ページ
-------------------------------*/
.case  {
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

/*sitemapページ　google検索
-------------------------------*/
#googlesearch {
	margin-top: 30px;
	margin-left: 15px;
}

#googlesearch2 {
	padding-top: 3px;
}

/*faqページ　検索
-------------------------------*/
ol.faq_box li {
	margin-top: 5px;
}

.faq_q {
	font-size: 95%;
	background: #CCFFFF;
	padding-top: 5px;
	color: #333333;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.faq_a {
	padding-left: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* ---------------------------------------------------------------- *
	メインコンテンツ部分の設定　　main1 分割無し検索結果ページ,
	googleapps,iryou,iphone
 * ---------------------------------------------------------------- */

#main1 .contents {
	padding: 0px;
	margin: 0px 0px 25px 0px;
	background-color: #FFFFFF;
}

#main1 .contents .contents-inner {
	margin: 0px auto;
	padding: 0px 20px;
	width: 700px;
}
#main1 .contents h2 {
	margin-left: 2%;
	margin-right: 5%;
}

/*iryouページ
-------------------------------*/
#main1 .contents .hospex-inner {
	margin: 0px auto;
	padding: 25px 20px 0px;
	width: 660px;
	background: url(img/bg_hospex1.gif) no-repeat top;
}

#h2_iryou	{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

#h3_iryou	{
	border-bottom: 2px solid #FF9999;
	margin-bottom: 7px;
	padding-top: 20px;
	padding-left: 3px;
	font-size: 120%;
	line-height: 140%;
	clear: both;
}



#btn_iryou ul {
	/* --- マージンを設定してください --- */
    margin:  0px;
	/* --- パディングを設定してください --- */
    padding: 0px;
	background-color: #FFFFFF;
}

#btn_iryou ul li {
	/* --- マージンを設定してください --- */
    margin: 15px 5px;
	/* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 0px;
	/* --- 背景を設定してください（短縮プロパティでの設定です） --- 
    background: #fff url(img/sq_arrow.gif) no-repeat 5px 7px;*/
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
  	float: left;
	text-align: center;
	list-style-type: none;
	height: 60px;
	width: 320px;
}

#btn_iryou	ul li a{
	color: #663333;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	height: 100%;
	width: 95%;
	line-height: 1.1;
}


#btn_iryou1 a,
#btn_iryou1 a:link,
#btn_iryou1 a:visited{
	background: url(img/btn_iryou1.gif) no-repeat center center;
}

#btn_iryou1 a:hover,
#btn_iryou1 a:active{
	background: url(img/btn_iryou1_f2.gif) no-repeat center center;
}

#btn_iryou2 a,
#btn_iryou2 a:link,
#btn_iryou2 a:visited{
	background: url(img/btn_iryou2.gif) no-repeat center center;
}

#btn_iryou2 a:hover,
#btn_iryou2 a:active{
	background: url(img/btn_iryou2_f2.gif) no-repeat center center;
}





/*googleAppsページのテーブル
-------------------------------*/
table.table-01 {
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	margin-top: 5px;
}

table.table-01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table.table-01 td#td-01 {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	width: 161px;
}
table.table-01 td#td-02 {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	width: 161px;
}


/*iphoneページ
.okomari {
	width: 326px;
	margin-left: 10px;
	float: left;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #FFCCCC;
}
-------------------------------*/

.okomari {
	margin-left: 10px;
	padding: 5px;
	margin-bottom: 10px;
}

.okomari_p {
	line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}

.iphone_h2 {
	clear: both;
	/* 見出し 2 のジャンプ率を設定してください */
  font-size: 160%;
	/* 見出し 2 のパディングを設定してください */
  padding-left: 1em;
	/* 見出し 2 の行送りを設定してください */
  line-height: 1.6;
	color: #FF0000;
	font-weight: bolder;
	border: 1px solid #FF0000;
	margin: 30px 0px 20px 5px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: url(img/back00001.gif);
}

#okomari_01 {
	float: right;
}


/* ---------------------------------------------------------------- *
	フッター部分の設定
 * ---------------------------------------------------------------- */

#footer {
	/* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 0px;
	margin-bottom: 0;
	/* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px dotted #6633CC;
	background-color: #FFFFFF;
	padding: 0.6em 0 1em 13px;
	width: 787px;
	height: 55px;
}

#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;
	/* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
	display: inline;
}

#footer a,
#footer a:link {
	/* 必要ならば，リンクテキストに関する設定をしてください */
  color: #2643A4;
	text-decoration: none;
}

#footer a:visited {
	/* 必要ならば，訪問済みリンクテキストに関する設定をしてください */
  color: #6E00BE;
	text-decoration: none;
}

#footer a:hover {
	/* 必要ならば，マウスオーバー時のリンクテキストに関する設定をしてください */
  color: #FF0000;
	text-decoration: none;
}

#footer a:active {
	/* 必要ならば，アクティブ時のリンクテキストに関する設定をしてください */
  color: #FF0000;
	text-decoration: none;
}

#footer_l	{
	width: 685px;
	float: left;
	margin: 0px;
	padding-top: 10px;
}	

#footer_r	{
	float: right;
	display: inline;
	width: 100px;
}