@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;
}

.min{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.tukidasi{
	margin-left: 1em;
	text-indent: -1em;
}


/* ~~ エレメント / タグセレクター ~~ */
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;
}


.link2{
	font-size:108%;
	color:#41a9f3;
	margin:20px 0 ;
	padding:5px 10px 5px 10px;
	border:1px solid #41a9f3;
}

.link2 ul{
	list-style-type:none;
}
.link2 ul li{
	display:inline-block;
	margin:0px 10px 0 0 ;
	padding:0;
}
.link2 ul li a{
	color:#41a9f3;
}


.kousi-box{
	margin:15px 0; 
	padding:15px; 
	border:2px solid #dcdcdc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}







.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;
}





/* ~~ ボタン ~~ */

.btn01 {
	font-size:116%;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ff0000;
	padding:15px 35px;
	margin:5px;
	width:300px;
	text-align:center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #f5f5f5), color-stop(70%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f5f5f5 35%, #e9e9e9 70% );
	background:-ms-linear-gradient( top, #f5f5f5 35%, #e9e9e9 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e9e9e9');
	background-color:#e9e9e9;
	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;
}
.btn01:link {
	color:#505050;
	text-decoration:none;
}
.btn01:visited {
	color:#505050;
	text-decoration:none;
}
.btn01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	background-color:#f5f5f5;
	color:#ff0000;
	text-decoration:none;
}
.btn01:active {
	position:relative;
	top:1px;
	color:#ff0000;
	text-decoration:none;
}



.btn02 {
	font-size:116%;
	font-weight:bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ff0000;
	padding:8px 35px;
	margin:5px;
	width:300px;
	height:50px;
	text-align:center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #f5f5f5), color-stop(70%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f5f5f5 35%, #e9e9e9 70% );
	background:-ms-linear-gradient( top, #f5f5f5 35%, #e9e9e9 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e9e9e9');
	background-color:#e9e9e9;
	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%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	background-color:#f5f5f5;
	color:#ff0000;
	text-decoration:none;
}
.btn02:active {
	position:relative;
	top:1px;
	color:#ff0000;
	text-decoration:none;
}


.btn03 {
	font-size:100%;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:8px 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;
}
.btn03:link {
	color:#ffffff;
	text-decoration:none;
}
.btn03:visited {
	color:#ffffff;
	text-decoration:none;
}
.btn03: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;
}
.btn03:active {
	position:relative;
	top:1px;
	color:#ffdc00;
	text-decoration:none;
}

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

.btn05 {
	font-size:100%;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:5px 10px;
	margin:0px 5px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #f9c44b), color-stop(70%, #f7ac00) );
	background:-moz-linear-gradient( center top, #f9c44b 35%, #f7ac00 70% );
	background:-ms-linear-gradient( top, #f9c44b 35%, #f7ac00 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c44b', endColorstr='#f7ac00');
	background-color:#f7ac00;
	color:#505050;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
}
.btn05:link {
	color:#505050;
	text-decoration:none;
}
.btn05:visited {
	color:#505050;
	text-decoration:none;
}
.btn05:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #fdd270), color-stop(70%, #f9c44b) );
	background:-moz-linear-gradient( center top, #fdd270 35%, #f9c44b 70% );
	background:-ms-linear-gradient( top, #fdd270 35%, #f9c44b 70% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd270', endColorstr='#f9c44b');
	background-color:#f9c44b;
	color:#ff0000;
	text-decoration:none;
}
.btn05: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;
	line-height:1.6;
}
.std-tbl th{
	border-bottom:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	padding:5px 8px;
	text-align:center;
	background:#e9e9e9;
	line-height:1.5;
}


.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;
}