/*  
Theme Name: アラタリズム
Theme URI: http://ryukyunet./
Description: アラタリズム専用テーマ
*/

body {
  font-size:14px;
  text-align:center;
  color:#333333;
  background-image:url(img/body.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-attachment: fixed;
}

/* 全体のコンテンツ */

/* 外の枠線 */

#soto {
 width:830px;
 height:100%;
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
 margin-top:0px;
 margin-right: auto;
 margin-left: auto;
 background-color: #ffffff;
}
/* 枠線内側 */

#content {
	width:800px;
	text-align:left;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

/* 全体の段落 */

p {
  color:#333333;
  font-size:14px;
  line-height: 160%;
}

/* 全体の小見出し */

h2 {
  font-size:13px;
  text-align:left;
}

/* 仕切り線 */

hr {
	text-align:center;
	clear: both;
}

/* 画像コンテンツ */

img {
	border-style: none;
}
li {
	list-style: none;
}
/* ヘッダー部分 */

/* ヘッダーコンテンツ */

.header {
	font-size:12px;
	text-align:left;
 margin-bottom: 0;
}

/* ヘッダーの大見出し */

.header h1{
  font-size:12px;
  color:#555555;
  float:left;
 margin: 0;
}

/* ヘッダーの小見出し */

.header h2{
	font-size:12px;
	float:right;
	clear: both;
	margin: 0;
}

/* ヘッダーサイトマップ */

.headersite a{
 font-size:12px;
 text-decoration:none;
 color:#555555;
 float:right;
}



/*  メニュー  */

.menubar {
}


.menubar ul {
 width: 803px;
 padding-left:0px;
 margin-left:0px;
 margin-top: 5pt;
 margin-bottom: 5pt;
}

.menubar li {
 float: left;
 clear: right;
}

.menubar a {
 width: 160px;
 padding: 0.7em 0em;
 text-align: center;
 font-size: 13px;
 color:#ffffff;
 text-decoration:none;
 display: block;
 background-image:url(img/menu_off.gif);
}

.menubar a:hover {
 color:#ffffff;
 background-image:url(img/menu_on.gif);
}


/*  メインコンテンツ  */

#main {
 width: 560px;
 float:right;
 clear: both;
 font-size: 14px;
 margin-top:5pt;
}

#main_p {
	line-height: 160%;
  font-size:14px;

}

#main_p:first-letter {
	line-height: 100%;
	font-size: 280%;
	float:left;
}

#main h2 {
	font-size:1em;
	width: 560;
	color:#333333;
	background-image:url(img/r_midashi.gif);
	background-repeat: no-repeat;
	text-align:left;
 padding-top: 10px;
 padding-left: 60px;
 height: 35px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
 filter:shadow(coror=#cccccc,direction=135,strength=5);
}

#main img {
	border-style: none;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

#main_single {
	width: 560px;
	float:right;
	clear: both;
	font-size: 14px;
 margin-top:5pt;
}

#main_single h2 {
	font-size:13px;
	width: 90%;
	color:#555555;
	background-image:url(img/r_midashi2.gif);
	text-align:center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

#main_single img {
	border-style: none;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

h3 {
	font-size: 16px;
	color:#000000;
	line-height: 160%;
	clear: both;
	margin-right: auto;
}

/*  メインコンテンツ  */

#page_main {
	width: 560px;
	float:right;
	margin-top: 5pt;
	font-size: 14px;
}

#page_main h2 {
	font-size:1em;
	width: 100%;
	color:#555555;
	background-image:url(img/r_midashi.gif);
	text-align:center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

#page_main p {
	width: 90%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}

#page_main img {
	border-style: none;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

#page_main hr {
 width: 95%;
 text-align:center;
}

/*  メイン背景の上段  */

.ue {
 margin-top:15px;
 width: 100%;
 background-image:url(img/ue.png);
 height:1em;
 clear: both;
}

/*  メイン背景の中段本文  */

.naka {
	width: 100%;
	background-image:url(img/na.png);
	clear: both;
	background-repeat: repeat;
	background-position: bottom;
	padding-bottom: 2em;
}

.naka p {
	width: 90%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}

.naka img {
	border-style: none;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.naka hr {
 width: 90%;
 clear: both;
 text-align:center;
}

.naka table {
 width: 90%;
 text-align:left;
}

.naka td {
 font-size:14px;
}

/*  メイン背景の下段  */

.sita {
	width: 100%;
	background-image:url(img/si.png);
	height:4em;
	margin-top: auto;
	clear: both;
}

.sita p {
	width: 90%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
}

/* ブログ部分のメインコンテンツ  */

#main_midashi {
	font-size:1em;
	width: 90%;
	color:#555555;
	background-image:url(img/r_midashi.gif);
	text-align:center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	clear: both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

.ue2 {
 margin-top:0px;
 width: 100%;
 background-image:url(img/ue.png);
 height:1em;
 clear: both;
}

/* 会社概要の表組み */

.reform {
 margin-right: auto;
 margin-left: auto;
 padding: 1em;
 line-height: 160%;
}

.naka td {
 font-size:14px;
}

.com {
	width: 25%;
	text-align:left;
	font-size:14px;
	background-color:#eeeeee;
	padding-left: 1em;
}

.com2 {
	font-size:14px;
	line-height: 160%;
}

/* 問い合わせ */

.q {
	width: 80%;
	font-size:14px;
	text-align:left;
	margin-left: 2em;
}


/*  左サイドバー  */

.side {
	width: 220px;
	text-align:center;
	float: left;
	clear: none;
	font-size: 14px;
 margin-top:5pt;

}

/*  左サイドバー小見出し  */

.side h2 {
	text-align: center;
	color:#FFFFFF;
	background-image:url(img/midashi.gif);
	padding-top: 0.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 35px;
	background-repeat: no-repeat;
	filter:shadow(coror=#cccccc,direction=135,strength=5);
}

.side ul {
	text-align: left;
	margin-top: auto;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	line-height: 140%;
}

.side li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.side a {
	color:#00479d;

}

.side hr {
 border: dotted #cccccc 2px;
}

/*  左サイドバー段落  */

.side p {
	font-size:12px;
	line-height: 160%;
	text-align:left;
	margin: 5px;
}

.textwidget {
	font-size:14px;
	line-height: 160%;
	text-align:left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 10px;
	margin-left: 10px;
}

/* 著作権表示  */

.fo {
	font-size:13px;
	text-align: center;
	background-color:#534545;
	color:#ffffff;
	width: 800px;
	padding-top:0.5em;
	padding-bottom:0.5em;
	clear: both;
}

.fo a {
  font-size:13px;
  text-align: center;
  color:#ffffff;
}

/* サポート  */
#support {
 font-size:8px;
 text-align: right;
 color:#cccccc;
 width:800px;
}

#support a {
  font-size:8px;
  text-align: right;
  color:#cccccc;
}


#navibar {
	background-color:#eeeeee;
	font-size:13px;
	color:#333333;
	clear: both;
	padding: 0.5em 0px;
	margin-bottom:5px;
	text-align: center;
}

#navibar li {
 display: inline;
 margin-right:10px;
}

#navibar a {
 color:#333333;
 white-space: nowrap; 
}

#q {
 width:90%;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 margin-right: auto;
 margin-left: auto;
}

.qtd_l {
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
	background-color:#cccccc;
padding:0.7em;
}

.qtd_r {
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
	background-color:#eeeeee;
padding:1em;
}

span {
 color:#ffffff;
	font-size:18px;
}

#submit {
 width:100%;
	text-align: center;
height: 50px;
 margin-right: auto;
 margin-left: auto;
}