@charset "utf-8";

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 18px;
	color: #222222;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(/img/bg.gif);
}

body.iframe {
	background: #FFFFFF;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

input {
	background: #f5f5f5;
}

.color {
	color: #FF7F00;
}



/*メイン画像（画像の両サイドの影を設定しています）
------------------------------------------------------------------*/
#main-img {
	padding-right: 6px;
	padding-left: 6px;
	position: relative;
}



/*h1タグ設定
------------------------------------------------------------------
■font-sizeで文字の大きさを指定しています。
■leftとtopの数値を変更してh1の位置の微調整ができます。
■colorで文字色を指定します。
------------------------------------------------------------------*/
#main-img h1 {
	position: absolute;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	left: 20px;
	top: 10px;
	display: none;
}



/*コンテナー
------------------------------------------------------------------*/
#container {
	margin: 0px auto 20px;
	width: 812px;
	text-align: left;
}
#icontainer {
	margin: 0px auto 20px;
	width: 100%;
	text-align: left;
}



/*コンテンツ（メイン、サブの両ブロックの外側）
------------------------------------------------------------------*/
#contents {
	background: url(/img/contents_bg.gif) repeat-y center;
	padding-top: 15px;
	padding-bottom: 10px;
}
#icontents {
	padding-top: 5px;
}



/*メインメニュー（リストタグを横並びに設定）
------------------------------------------------------------------*/
ul#menu li {
	display: inline;
}



/*メインコンテンツ
------------------------------------------------------------------*/
#main {
	width: 730px;
	margin-left: 37px;
}
#icontents #main {
	width: 80%;
}

#main h2 {
	line-height: 33px;
	background: url(/img/midashi_base.gif);
	height: 33px;
	font-size: 100%;
	padding-left: 40px;
    margin-bottom: 5px;
}

#main p {
	padding: 0.5em 10px 1em;
}

/*サブコンテンツ（右側ブロック）
------------------------------------------------------------------*/
#sub-left {
	width: 445px;
	margin-left: 10px;
	float: left;
}
#sub-left h2.midashi {
	line-height: 33px;
	background: url(/img/midashi_main.gif);
	height: 33px;
	font-size: 100%;
	padding-left: 40px;
    margin-top: 15px;
	margin-bottom: 15px;
}


/*サブコンテンツ（左側ブロック）
------------------------------------------------------------------*/
#sub {
	width: 226px;
	display: inline;
	margin-left: 37px;
	float: right;
	text-align: center;
}

#sub p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*サブコンテンツ内、サブメニュー
------------------------------------------------------------------*/
#sub .submenu {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 5px solid #FF7F00;
	border-right: 1px solid #FF7F00;
	border-left: 1px solid #FF7F00;
	margin-bottom: 20px;
	margin-top: 20px;
}

#sub .submenu a {
	color: #FF7F00;
	text-decoration: none;
	border-bottom: 1px dotted #FF7F00;
	display: block;
	width: 224px;
}

#sub .submenu a:hover {
	background: #f5f5f5;
}

/*サブコンテンツ内、サブメニュー下のTOPICSコーナー
------------------------------------------------------------------*/
#sub .menubottom {
	border-top: 5px solid #FF7F00;
	border-right: 1px solid #FF7F00;
	border-bottom: 5px solid #FF7F00;
	border-left: 1px solid #FF7F00;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 214px;
	text-align: left;
}
#sub .title {
	color: #FF7F00;
	margin-right:3px;
}


/*一覧table 
------------------------------------------------------------------*/
table#practice {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 5px;
}

#icontainer table#practice {
	width:95%;
	margin: 0px auto 0px;
}
	
table#practice th {
    padding: 5px;
    border: 1px #ffedcf solid;
    border-width: 0px 0px 0px 1px;
    background: #F09700;
    font-weight: bold;
    white-space: nowrap; 
	color: #FFFFFF;
	text-align: center;
}
table#practice td {
    padding: 3px;
    border: 1px #F09700 solid;
    border-width: 0px 0px 1px 1px;
}

table#practice tr.altrow {
/*    background: #ffedcf;*/
}
.roundedcornr_box_150775 {
   background: #f09700;
}
table#practice tr th.curve-left{
   background:#F09700 url(/img/roundedcornr_150775_tl.png) no-repeat top left;
   border-left: 0px;
}
table#practice tr th.curve-right{
   background:#F09700 url(/img/roundedcornr_150775_tr.png) no-repeat top right;
   border-right: 0px;
}

table#practice tr td.border-left{
   background:url(/img/roundtable.png) repeat-y left;
   border-left: 0px;
}
table#practice tr td.border-right{
   background:url(/img/roundtable.png) repeat-y right;
}
table#practice tr td.border-date{
   background:#ffedcf url(/img/roundtable.png) repeat-y right;
}

/* IE対策 */
table#practice tr.altrow td.border-left{
   background: #ffffff url(/img/roundtable.png) repeat-y left;
   border-left: 0px;
}
table#practice tr.altrow td.border-right{
   background: #ffffff url(/img/roundtable.png) repeat-y right;
}

/*入力table 
------------------------------------------------------------------*/
table#practiceipt {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 5px;
}

table#practiceipt th {
    padding: 5px;
    border: 1px #ffedcf solid;
    border-width: 0px 0px 1px 0px;
    background: #F09700;
    font-weight: bold;
    white-space: nowrap; 
	color: #FFFFFF;
	text-align: right;
}
table#practiceipt th.bottom {
    border-bottom: 1px #F09700 solid;
}
table#practiceipt td {
    padding: 8px;
    border: 1px #F09700 solid;
}

table#practiceipt tr.altrow {
    background: #ffedcf;
}

/* ログイン 
------------------------------------------------------------------*/
.login{
	float:right;
}
.errormessage{
	color: red;
}

/* データ編集 
------------------------------------------------------------------*/
input.dateday{
	width: 100px;
}

table.inputformtbl{
	width: 400px;
}
table.inputformtbl tr td{
	text-align: left;
	padding: 5px;
}
table.inputformtbl th{
	white-space:nowrap;
}

textarea.free_area{
	width: 300px;
}


/* adsense 
------------------------------------------------------------------*/
.adsense-bottom {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

/*フッター
------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	background: url(/img/footer_bg.gif) no-repeat center top;
	padding-top: 20px;
}

#ifooter {
	clear: both;
	text-align: center;
}

ul.footlink li {
	list-style:none;
	display:inline;
	margin-right:15px;
	padding-right:15px;
	padding-left:15px;
	border-right:1px #AAAAAA solid;
	border-left:1px #AAAAAA solid;
	font-size:13px;
}


/*tooltip
------------------------------------------------------------------*/
.toolTip { 
	cursor:help;
	position:relative; 
	background: transparent url(/img/tooltip/help.png) no-repeat right;
	padding-right: 12px;
	color: #3366FF;
	text-align: left;
}
.toolTipWrapper {
	width:175px;
	position:absolute;
	top:20px;
	display:none;
	color:#fff;
	z-index:9999; 
}
.toolTipTop {
	width:175px;
	height:30px;
	background:transparent
	url("/img/tooltip/bubbleTop.gif") no-repeat; 
}
.toolTipMid {
    font-weight: normal;
    white-space: normal; 
	padding:0 15px;
	background:#66a9ff url("/img/tooltip/bubbleMid.gif") repeat-x top; 
}
.toolTipBtm {
	height:13px;
	background:transparent url("/img/tooltip/bubbleBtm.gif") no-repeat; 
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
/*clearfix
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */