/* =====================================================================
   機能紹介ページ用:2010/03.ver
======================================================================*/

p.function_indent
{
	margin-left: 1em; //ブロック要素の左の余白(外)を指定(1emは1文字分の余白)
	//<p class="function_indent">インデントあり<br>インデントあり</p>
}

#contents .block .inner .entryfunction01 { 
 padding-right: 11px;
 padding-left: 11px;
 margin-bottom: 0px;
}

#contents .function_head_element {
 background-repeat: no-repeat;
 background-position: bottom;
 padding-bottom: 13px;
}

#globalnavi{
  margin: 0;
  padding: 0;
  width: ***;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  text-align: left;
  display:block;
  padding: 0.2em 0;
  width:90%;
  background: url(画像のパス) no-repeat 0 10%;
  color:#000000;
}

#globalnavi a:hover{
  background: url(画像のパス) no-repeat -100px 50%;
  color: #008479;
}

/* =====================================================================
   サンプルページ1（応募フォーム）:2015/07.ver
======================================================================*/

#base1{
 width:700px;
 margin-top: 10px;
 padding: 20px;
 background-image:url(../../img/function/webform/Polka_dots.gif);
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#box1{
 width:600px;
 margin-top: 10px;
 padding: 10px;
 background-color: #FFFFFF;
 text-align:center;
 color:#FFF;
}

p.precautions {
	width:450px;
	margin: 5px auto;
	padding: 10px;
	color: #000000;
	font-size: 13px;
	background-color: #FBECC6;
	border:solid 1px ;
	border-color: #F5C872;
}

.clear{
	clear: both;
}

.clear hr{
	display: none;
}

.item1{
 float:left;
 width:180px;
 height: 20px;
 background-color:#00A395;
 margin:2px 5px;
 padding:5px;
 text-align: left;
}

.item2{
 float:left;
 margin:2px 0;
 border:1px;
 text-align:left;
 border-color:#663;
 color:#000;
}

/* =====================================================================
   サンプルページ2（資料請求）:2015/07.ver
======================================================================*/

#box2{
 width:700px;
 margin-top: 10px;
 padding: 5px;
 background-color: #D8F0FF;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

.line{
	margin: 5px;
	padding: 7px;
	color: #454343;
	font-size: 18px;
	border-top: solid #0181CC 3px;
	border-bottom: solid #0181CC 3px;
}

.clear{
	clear: both;
}
.clear hr{
	display: none;
}

.item3{
 margin-left:10px;
 margin-right:10px;
 padding:5px;
 text-align:left;
 color:#0066CC;
 border-left: 6px solid #0066CC;
 border-bottom: 1px solid #0066CC;
}
.item4{
 margin-left:10px;
 margin-bottom:20px;
 padding:5px;
 text-align:left;
 color:#000;
}

/* =====================================================================
   サンプルページ3（ファイルアップロード）:2015/07.ver
======================================================================*/

#base3{
 width:800px;
 background-color:F0FFFF;
 margin-top: 10px;
 padding:20px;
 color:#000;
  font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#box3{
 width:100%;
 background-color: #CCCCCC;
 border:none;
 background-image: url(../../img/function/webform/model.gif);
 background-repeat: no-repeat;
}

.table_item1{
 width:25%;
 color: #333333;
 font-weight: bold;
 padding:15px;
 font-size:12px;
 text-align: left;
 border-right: #677694 solid 5px;
}

.table_item2{
 width:75%;
 padding:15px;
 color:#000;
 font-size:12px;
}

#base3 p{
　font-size:16px;
　color:#000000;
}

input[type="text"], input[type="password"], textarea, select {
 border: 1px solid #D5D5D5;
 color: #666666;
 padding: 5px;
}

input[type="submit"] {
 background-color: #0083CF;
 border: 1px solid #D5D5D5;
 padding: 5px 20px;
 color: #FFFFFF;
 border-radius: 5px;
 -webkit-border-radius: 5px;  
 -moz-border-radius: 5px;
 font-weight: bold; 
 cursor: pointer;
}

input[type="submit"] {
 background-color: #EFEFEF;
 color: #333333;
 padding: 2px 10px;
}


/* =====================================================================
   サンプルページ4（予約フォーム）:2015/07.ver
======================================================================*/

#base4{
 width:800px;
 margin-top: 10px;
 background-image:url(../../img/function/webform/salon_back.gif);
 color:#000;
 text-align:center;
 font-size:16px;
  font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#box4{
 width:100%;
}

.table_item3{
 width:35%;
 color: #FFFFFF;
 font-weight: bold;
 padding:17px;
 font-size:14px;
 text-align:left;
 background-color: #00AAFF;
 background-color: rgba(0,170,255,0.55);
}

.table_item4{
 width:65%;
 padding:17px;
 color:#000;
 font-size:14px;
 text-align:left;
 background-color: #FFFFFF;
 background-color: rgba(255,255,255,0.55);
}

#base4 p{
 font-size:12px;
 font-weight: bold;
 color:#000000;
}