@charset "Shift_JIS";
body {
font:13px/1.8 arial,helvetica,clean,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-size:small;
*font:x-small;
background: url(../images/bg.gif) repeat fixed;
margin: 0;
padding: 0;
color: #303030;
}


/* ~~ テキストサイズ ~~ */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.red{
	color:#e60012;
}

/* ~~ エレメント / タグセレクター ~~ */
div, p, ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/*----- リンク -----*/
a:link {
	color: #2861cb;
	text-decoration: none;
}
a:visited {
	color: #627cac;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #d60a1e;
	text-decoration: underline;
}

/* ~~ 画像オンマウス ~~ */
.highlight a:hover *{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/* ~~ 画像オンマウス逆 ~~ */
.highlight2 a *{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.highlight2 a:hover *{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 12px;
	margin-bottom:5px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 12px;
	margin-bottom:5px;
}
.clearfloat { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ コラム ~~ */

.column01{
	background:#f0f0f0;
	padding:12px 15px;
	margin:15px 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height:1.6;
}

.column02y{
	background:#faf7e1;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:8px 12px;
	margin:5px 0;	
}

.caution{
	border:1px solid #ff0000;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background:url(../images/icn_ex.png) no-repeat 10px 8px;
	padding:9px 12px 9px 60px;
	margin:10px 0;
	line-height:1.5;
}


/* ~~ 構造 ~~ */

#container {
	width: 900px;
	margin: 15px auto 20px auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}


.whitebox{
	background:#ffffff;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width:900px;
}

.box850{
	width:850px;
	margin:0 auto;
	padding:20px 0;
}

.box840{
	width:840px;
	margin:0 auto;
	padding:20px 0;
}


.foot{
	margin-top:10px;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #c9c9c9;
}

.foot-link{
	font-size:93%;
	margin-top:20px;
	text-align:center;
	color:#808080;
}


/* ~~ 弁理士初学者 ~~ */


.cntnttbl{
}

.cntnttbl td{
	font-size:116%;
	padding:0 10px 16px 0;
	line-height:1.4em;
}


.head01{
	margin-bottom:15px;
}

.link{
	font-size:93%;
	color:#696969;
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
}

.link ul{
	list-style-type:none;
}
.link ul li{
	display:inline-block;
	margin:0 5px;
	padding:0;
}



















/* ~~ 古いスタイル ~~ */


.hed-h2{
	padding:10px 10px 10px 95px;
	font-size:197%;
	font-weight:bold;
}


.inttbl{
	margin:15px 0 40px 0;
	line-height:1.6;
}

.inttbl-td1y{
	padding:0 25px 0 0;
	border-right:2px solid #f9d70a;
	vertical-align:top;
}

.inttbl-td2{
	padding:0 0 0 25px;
	vertical-align:top;
}

.int-name{
	font-size:138.5%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom:1px solid #a9a9a9;
	margin-bottom:3px;
}


.hed_nyumon{
	font-size: 153.9%;
	font-weight:bold;
	line-height:1.3;
	color:#ffffff;
	background: #00a1e9;
	margin:15px 0 5px 0;
	padding:12px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.hed_chujo{
	font-size: 153.9%;
	font-weight:bold;
	line-height:1.3;
	color:#ffffff;
	background: #f47ab9;
	margin:15px 0 5px 0;
	padding:12px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.hed-Ay{
	background:#f9d70a;
	font-size: 108%;
	font-weight:bold;
	line-height:1.3em;
	margin:15px 0 10px 0;
	padding:4px 10px;
}

.txtttl{
	border-bottom:2px solid #f9d70a;
	margin-bottom:5px;
	line-height:1.4;
	padding-bottom:5px;
}

.crstbl{
}

.crstbl td{
	padding:4px 8px;
	border-left:1px solid #b9b9b9;
}

.crstbl th{
	padding:4px 8px;
	text-align:left;
	vertical-align:top;
	line-height:1.4;
}


.mediatbl{
	border-collapse: separate;
	border-spacing:5px 5px;
	line-height:1.5;
}


.mediatbl .td1{
	padding:6px 8px;
	vertical-align:top;
	background:#ffffff;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}



/* ~~ ページトップへ ~~ */

.go-pagetop{
	text-align: right;
	margin:25px 0;
	padding:0;
}

.go-pagetop a{
	margin: 0;
	font-size: 93%;
	padding:1px 0 1px 16px;
	background:url(../images/dotarw_top.gif) no-repeat 0px 2px;
}


/* ~~ ボタン ~~ */

.btn01 {
	font-size:100%;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:3px 10px;
	margin:0px 5px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #d1513f), color-stop(70%, #b12f1c) );
	background:-moz-linear-gradient( center top, #d1513f 35%, #b12f1c 70% );
	background:-ms-linear-gradient( top, #d1513f 35%, #b12f1c 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1513f', endColorstr='#b12f1c');
	background-color:#b12f1c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #303030;
}
.btn01:link {
	color:#ffffff;
	text-decoration:none;
}
.btn01:visited {
	color:#ffffff;
	text-decoration:none;
}
.btn01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #e95844), color-stop(70%, #c6351f) );
	background:-moz-linear-gradient( center top, #e95844 35%, #c6351f 70% );
	background:-ms-linear-gradient( top, #e95844 35%, #c6351f 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e95844', endColorstr='#c6351f');
	background-color:#c6351f;
	color:#ffffff;
	text-decoration:none;
}
.btn01:active {
	position:relative;
	top:1px;
	color:#ffdc00;
	text-decoration:none;
}

.btn01g {
	font-size:100%;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:3px 10px;
	margin:0px 5px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #808080), color-stop(70%, #696969) );
	background:-moz-linear-gradient( center top, #808080 35%, #696969 70% );
	background:-ms-linear-gradient( top, #808080 35%, #696969 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#696969');
	background-color:#696969;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #303030;
}
.btn01g:link {
	color:#ffffff;
	text-decoration:none;
}
.btn01g:visited {
	color:#ffffff;
	text-decoration:none;
}
.btn01g:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #979797), color-stop(70%, #808080) );
	background:-moz-linear-gradient( center top, #979797 35%, #808080 70% );
	background:-ms-linear-gradient( top, #979797 35%, #808080 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#979797', endColorstr='#808080');
	background-color:#808080;
	color:#ffffff;
	text-decoration:none;
}
.btn01g:active {
	position:relative;
	top:1px;
	color:#ffdc00;
	text-decoration:none;
}

.btn02 {
	font-size:116%;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #dcdcdc;
	padding:8px 35px;
	margin:5px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ededed), color-stop(70%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 35%, #dfdfdf 70% );
	background:-ms-linear-gradient( top, #ededed 35%, #dfdfdf 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#505050;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.btn02:link {
	color:#505050;
	text-decoration:none;
}
.btn02:visited {
	color:#505050;
	text-decoration:none;
}
.btn02:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #f5f5f5), color-stop(70%, #ededed) );
	background:-moz-linear-gradient( center top, #f5f5f5 35%, #ededed 70% );
	background:-ms-linear-gradient( top, #f5f5f5 35%, #ededed 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ededed');
	background-color:#dfdfdf;
	color:#ff0000;
	text-decoration:none;
}
.btn02:active {
	position:relative;
	top:1px;
	color:#ff0000;
	text-decoration:none;
}



/* ~~ テーブル ~~ */
.std-tbl{
	border-top:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
	margin:5px 0;
}
.std-tbl td{
	border-bottom:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	padding:5px 8px;
	vertical-align:top;
	line-height:1.6em;
}
.std-tbl th{
	border-bottom:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	padding:5px 8px;
	text-align:center;
	background:#e9e9e9;
	line-height:1.6em;
}


.content-tbl{
	border-top:1px solid #b9b9b9;
	line-height:1.5;
}

.content-tbl-td1{
	border-bottom:1px solid #b9b9b9;
	padding:4px 8px;
	background:#c2e8fa;
	vertical-align:top;
}
.content-tbl-td2{
	border-bottom:1px solid #b9b9b9;
	padding:4px 8px;
	vertical-align:top;
}


/* ~~ ページトップへ ~~ */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 13px;
}
#page-top a {
	background: #a6ada8;
	text-decoration: none;
	color: #fff;
	width: 128px;
	padding: 10px 0 8px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #bfc7c1;
}